*
{
    box-sizing:border-box;
    margin:0px;
    padding:0px;
    font-family: 'Poppins', sans-serif;
}

body
{
    font-family: 'Poppins', sans-serif;
    font-size:16px;
}

html
{
    font-size:62.5%; /* 62.5% of 16px = 10px */
}

.main-header
{
    width:100%;
    height:50vh;
    background:linear-gradient(rgba(4,9,30,0.7),rgba(4,9,30,0.7)),url(../images/background.jpg);
    background-size:cover;
    background-position:center;
    text-align:center;
}

.main-header h1
{
    color:white;
    margin-top:50px;
}

nav
{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:2% 6%;
}

.main-logo img
{
    width:150px;
}

.list-item
{
    display:inline-block;
}

.list-item a
{
    font-size:14.5px;
    margin:0px 10px;
    text-decoration:none;
    color:white;
}

.list-item::after
{
    content:"";
    display:block;
    width:0%;
    margin:auto;
    height:2px;
    background:red;
    transition:0.3s;
}

.list-item:hover::after
{
    width:100%;
}

nav .fas
{
    display:none;
}

@media screen and (max-width:700px)
{

    .main-header h1
    {
        font-size:25px;
    }

    .list-item
    {
        display:block;
        margin-bottom:16px;
        margin-top:6px;
    }

    .side-links
    {
        position:fixed;
        text-align:left;
        background:#f44336;
        width:200px;
        height:100vh;
        top:0;
        right:-200px;
        z-index:1;
        transition:0.5s;
    }

    nav .fas
    {
        text-align:left;
        display:block;
        color:white;
        margin:10px;
        font-size:22px;
        cursor:pointer;
    }

    .list-items
    {
        padding:40px;
        font-weight:bold;
    }

    .main-logo
    {
        margin-top:10px;
    }
}


/* Footer Code */

footer
{
    width:95%;
    margin:auto;
    text-align:center;
}

footer h3
{
    font-weight:600;
    margin-bottom:20px;
}

footer p
{
    color:#777;
    font-size:14px;
    font-weight:300;
    line-height:22px;
    margin-bottom:15px;
}

footer .fab
{
    margin:13px;
    color:#f44336;
    margin-bottom:30px;
}

.author
{
    color:#777;
    font-weight:600;
    font-size:15px;
    margin-bottom:15px;
}