@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,600;0,700;0,800;1,500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,600;0,700;0,800;1,500&family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@800&family=Cal+Sans&family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cal+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=swap');

.be-vietnam-pro-semibold {
  font-family: "Be Vietnam Pro", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.be-vietnam-pro-bold {
  font-family: "Be Vietnam Pro", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.be-vietnam-pro-extrabold {
  font-family: "Be Vietnam Pro", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.be-vietnam-pro-medium-italic {
  font-family: "Be Vietnam Pro", sans-serif;
  font-weight: 500;
  font-style: italic;
}
.cal-sans-regular {
  font-family: "Cal Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.inter-tight-reg {
  font-family: "Inter Tight", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}

body {
    background-image: url('wave1.svg');
    background-repeat: no-repeat;
    background-size: cover;
    width: auto;
    height: auto;
}

.finallink {
    padding:5%;
    color: black;
    background-color: white;
    font-family: "Be Vietnam Pro", sans-serif;
    cursor: pointer;
    bottom: 0%;
    position: fixed;
    width: 100%;
} 

body {
    margin: 0;
}

.main {
    display: flexbox;
    justify-content: center;
    justify-items: center;
    margin: 10%;
    color: white;
    text-align: center;
} .main > h1 {
    font-family: "Inter Tight", sans-serif;
} .main > h2 {
    font-family: "Cal Sans", sans-serif;
}

.hidden {opacity: 0; scale: 0.5; transition: all 1s;}
.show {opacity: 1; scale: 1; }

.lower {
    display: inline-flexbox;
    justify-items: center;
    justify-self: center;
    justify-content: center;
    
    flex-wrap: wrap;
    text-align: center;
} .lower > a {
    background-color: rgb(45, 142, 69);
    color: white;
    text-align: center;
    

    border-radius: 20%;
    text-decoration: none;
    font-family: "Be Vietnam Pro";

    padding: 20px 30px;

    cursor: pointer;
}