@import "reset.css";
@import url('https://fonts.googleapis.com/css2?family=Ubuntu+Sans:ital,wght@0,100..800;1,100..800&display=swap');
body{
    background-color:#141414;
    color:#dfed42;
    width:100%;
    nav{
        padding-top:1%;
        background-color:rgba(159, 166, 166,.6);
        ul{
            display:flex;
            flex-wrap: nowrap;
            li:first-child{
                margin-left:2%;
                white-space: nowrap;
            }
            li{
                margin-right:15%;
                font-size:2em;
                padding-bottom:2%;
                a{
                    text-decoration:none;
                    color:#141414;
                    font-family: "Ubuntu Sans", sans-serif;
                    font-optical-sizing: auto;
                    font-weight: 800;
                    font-style: normal;
                    font-variation-settings: "wdth" 100;
                }
                a:hover{
                    background-color:rgba(20, 20, 20,.4);
                }
            }
        }
    }
    h1,h2,h3{
        margin-top:2%;
        font-family: "Ubuntu Sans", sans-serif;
        font-optical-sizing: auto;
        font-weight: 800;
        font-style: normal;
        font-variation-settings: "wdth" 100;
        font-size:4em;
        margin-bottom:1%;
    }
    p{
        color:white;
        font-family: "Ubuntu Sans", sans-serif;
        font-size:1.5em;
        width:38%;
        line-height:130%;
    }
    article{
        margin-top:15%;
        *{
            width:100%;
            text-align: center;
        }
    }
}