@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zalando+Sans+Expanded:ital,wght@0,200..900;1,200..900&display=swap');

body
{
    background-image: url(assets/images/bg-3.png);
    height: 100vh;
    margin: 3%;
    overflow: hidden;
	background-size: 100% 100%;
}

h1
{
    color : white;
    font-size: 9vw;
}

h2
{
    color : white;
    font-size: 2vw;
}

p
{
    color:whitesmoke;
}

.container {
    display: flex;
    justify-content: center;  /* Horizontal center */
    align-items: flex-end;    /* Aligns to bottom */
    height: 100vh;           /* Takes full viewport height */
    width: 100%;             /* Takes full width */
    position: fixed;         /* Fixes the container */
    bottom: 0;               /* Sticks to the bottom of the page */
    left: 0;                 /* Aligns to the left */
    padding-bottom: 5%;      /* Adds some space at the bottom */
}

.bottomalign
{
    bottom: 5%;
}

.button-container {
    display: flex;
    justify-content: center; /* Centers buttons horizontally */
    gap: 20px;               /* Space between the buttons */
    margin-top: 20px;        /* Space above the buttons */
}

/* Fonts */
.zalando-sans-expanded-900 {
    font-family: "Zalando Sans Expanded", sans-serif;
    font-optical-sizing: auto;
    font-weight: 900;
    font-style: normal;
    line-height: 1.2;
}


.nunito-sans-600 {
  font-family: "Nunito Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "YTLC" 500;

    font-size: larger;
}