:root
{
    /*My Color Pallet */

    --royalLush: #3c66a7;
    --warmSkyline: #a5c7e0;
    --cloudyGrey: #e5e5e5;
    --electricLemon: #ebe82b;
}

ul
{
    /*Removes the bullets.*/
    list-style-type: none;
    /*Removes browser default settings.*/
    margin: 0;
    padding: 0;
}

.navbar
{
    background-color: black;
}

.nav-link
{
    padding: 14px 16px;
    font-size: 20px;
}

#myNavbar #webLinks
{
    justify-content: center;
    position: relative;
} 

#mediaLinks li
{
    float: right;
    cursor: pointer;
}

/*All links on the webpage.*/
#mediaLinks li a
{
    display: block;
    color: white;
    text-align: center;
    padding: 14px 12px;
    text-decoration: none;
}

/*All links on the webpage.*/
li a
{
    display: block;
    color: #3c66a7;
    text-align: center;
    text-decoration: none;
}

li a:hover
{
    color: #a5c7e0;
}