:root{
    --color-font: #f4f4f4;
    --color-bg: #B3FF57;

}

@font-face {
    font-family: "amelia-bold";
    src: url(./fonts/Amelia-Basic-Bold.otf);
}
@font-face {
    font-family: "amelia";
    src: url(./fonts/Amelia-Basic.otf);
}
@font-face {
    font-family: "amelia-light";
    src: url(./fonts/Amelia-Basic-Light.otf);
}


body{
    /* background: rgb(31,54,198);
    background: linear-gradient(90deg, rgba(31,54,198,1) 9%, rgba(0,0,100,1) 38%);
     */
     background-image: url('./imgs/BG-desktop.webp');
     background-size: cover;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color: var(--color-font);

padding-top: 100px;

overflow-x: hidden;
}
main{
    z-index: 1;
}
body>h1,
body h2{
    font-family: "amelia-bold", sans-serif;
    font-size: 34px;
    margin-bottom: 0;
}


body h2{
    width: 80vw;
    font-size: 24px;
    text-align: center;
    margin-top: 60px;
}
body>p{
    font-family: 'amelia', sans-serif;
    margin: 0 auto 43px auto;
}
body main p{
    text-align: center;
    font-family: 'amelia', sans-serif;
    font-size: 15px;
    width: 80vw;    
}
main{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
a{
    text-decoration: none;
}

/* .link{ 
    width: 277px;
    height: 56px;
    border-radius: 18px;
    border: solid 2px var(--color-bg);
    background-color: transparent;
    margin-bottom: 30px;    
    transition: all .6s;
} */



 a{
  
    color: var(--color-font);   
    font-family: 'amelia', sans-serif;
    font-size: 18px;

    display: flex;
    justify-content: center;
    align-items: center;

    width: 277px;
    height: 56px;
    border-radius: 18px;
    border: solid 2px var(--color-bg);
    background-color: transparent;
    margin-bottom: 30px;    
    transition: all .6s;
}




a:hover,
a:active{
    background-color: var(--color-bg);
    border: none;
    color: #000066;
    font-family: 'amelia-bold', sans-serif;
}

.linksuccessform{
    margin-top: 30px;
}

footer{
    font-family: 'amelia-light',sans-serif ;
    position: absolute;
    bottom: 10%;  
  
    width: 100%;
    text-align: center;
    font-family: 'amelia', sans-serif;
    height: 0;
    padding-top: 20px;

}
#bg{
    position:absolute;
    top: 0;

    z-index: -10;
}