*{
        font-family: 'Lato',serif;
}
:root{
        --width:50vw;
        --br:1rem;
}
html{
 height: 100%;
}
body{
        margin: 0;
        padding: 0;
        display:flex;
        flex-direction: column;
        background: salmon;
        color: white;
        overflow-x:hidden;
        height:100%;
       }
h3{
        font-size: 1.5em;
        text-align:center;
        margin: 0;
        margin: 0.5rem 0 0.5rem 0;
}

a{
        color:inherit;
        text-decoration: none;
}
footer 
{
        display: flex;
        justify-content: space-between;
        margin-top: auto ;
        padding: 1rem;
        background-color:#444;
}

footer a{
        margin: 0 0.5rem;
}
footer a :last-child
{
        margin: 0 0 0 auto;
}

::webkit-scrollbar
{
        width:4px;
        color: transparent;
}
::-webkit-scrollbar-thumb
{
        color:#777;
        border-radius: 0.5rem;
}