@import url('https://fonts.googleapis.com/css?family=Work+Sans:100&display=swap&subset=latin-ext');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');
*{
    font-family: 'Lato', sans-serif;
}
/*============================================================================================================================= */

.input:checked ~ nav{
    width: 24%;
    }

.input:checked ~ .container{
    opacity: .2;
}

.label{
    margin-left: -2%;

}

h3{
    font-weight: 500;
}

p{
    font-weight: 300;
}
h1{
    position: absolute;
    top: 15%;
    color:#fff;
    font-size: 3em;
    font-weight: normal;
}