@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:wght@456&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-regular {
  font-family: "Inter Tight", sans-serif;
  font-optical-sizing: auto;
  font-weight: 456;
  font-style: normal;
}

body { 
    margin: 0; 
    background-image: url('./blob.svg');
    background-repeat: no-repeat;
    width: 100%;
    height: auto;
    background-size: cover;
}


.title {
    color: white;
    font-size: xx-large;
    padding: 0;
    font-family: "Be Vietnam Pro", sans-serif;
    font-weight: 800;
}

.container {
    display: block;
    width: auto;
    height: fit-content;
    padding: 15%;
}

.container > h1 {
    color: white;
    font-family: "Cal Sans", sans-serif;
    font-size: xx-large;
}

.container > h2 {
    color: white;
    font-size: x-large;
    font-family: "Inter Tight", sans-serif;
}

.container > p, li {
    color: white;
    font-size: medium;
    font-family: "Be Vietnam Pro", sans-serif;
}
.hidden {
    opacity: 0;
    transition: all .5s;
    
    filter: blur(10px);
    transform: translateX(-40%);
}

.show {
    filter: blur(0);
    transform: translateX(0);
    opacity: 1;
}

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