@font-face {
    font-family: 'Raleway';
    src: url(../fonts/Raleway-VariableFont_wght.ttf)
}


/*general body*/

*{
    margin:0;
}
body{
    font-family: 'Raleway';
}

/**/
/*header*/
/**/

header{
    width:100%;
    color:white;
    background-color: rgba(47, 47, 47, 0.5);

}
.header-nav{
    width:100%;
    display:flex;
    justify-content: space-around;
    align-items: center;
}
.nav-links{
    text-decoration: none;
    color:white;
    font-size: 1.5rem;
    font-weight: 500;

}
.nav-logo{
    margin-left:-5rem;
}

/**/
/*footer*/
/**/

footer{
    background-color:#5BB3CD;
    padding-top:2rem;
    border-top-left-radius: 2.5rem;
    border-top-right-radius: 2.5rem;
    position: relative;
    bottom: 0;
    width:100%;
}
.footer-content-wrapper{
    display:flex;
    justify-content:space-around;
    align-items:flex-start;
}
.footer-paragraph{
    color:white;
    margin-left:-10rem;
    font-weight:400;
}
.footer-policies{
    display:flex;
    justify-content: center;

}
.footer-policy{
    color:white;
    text-decoration: none;
    margin:1rem;
}
.footer-list{
    display:flex;
    flex-direction: column;
    color:white;
    text-decoration: none;
    margin-left:1rem;
}
.footer-list-header{
    font-weight:450;
    margin-bottom:1rem;
}
.footer-links{
    color:white;
    text-decoration:none;
    margin-bottom:0.5rem;
}

/**/
/* General Assets */
/**/

.H1_asset{
    font-weight: 800;
    font-size: 5.625rem;
}

.H2_asset{
    font-weight: 800;
    font-size: 2.75rem;
}

.H3_asset{
    font-weight: 800;
    font-size: 1.5rem;
}

.H4_asset{
    font-weight: 600;
    font-size: 1.25rem;
}

.P_asset{
    font-weight: 500;
    font-size: 1rem;
}


.main-button{
    background-color:#F9DC50;
    color:black;
    text-decoration:none;
    padding-top:1rem;
    padding-bottom:1rem;
    padding-left:1.5rem;
    padding-right:1.5rem;
    border-style: hidden;
    border-radius:5rem;
    font-weight:750;
    font-size:1.5rem;
    transition:0.3s;
    box-shadow:0 0.25rem 0.25rem rgba(47, 47, 47, 0.5);
}

.main-button:hover{
    background-color:#EFACAC;
}