body{
    font-family: sans-serif;
}
a{
    text-decoration: none;
    color: #404040
}
a:hover{
    background-color:#404040;
    color:floralwhite;
}

/* --- Header ---*/

header h1{
    text-align: center;
    color: floralwhite;
    background-color: #e60000;
    margin-right: 550px;
    margin-left: 550px;
}
header h1:hover{
    background-color: #ff1a1a
}
nav ul{
    text-align: center;
    background-color: #404040;
    margin-right: 200px;
    margin-left: 200px;
    
}
nav a{
    color: #f2f2f2;
    padding: 2px 35px;
}

nav li{
    display: inline-block;
    font-size: 1.2em;
    
}

nav a:hover{
    background-color: #595959;
}

/* --- Main --- */
main li{
    text-align: center;
    display: inline-block;
}

main>div>div>ul>li>a>img{
   padding-right: 30px;
    padding-left: 30px;
    padding-top: 20px;
}

main>div>div{
}
main li:hover{
    background-color: #404040;
    color:floralwhite;
}

/* --- footer --- */


footer>div {
    text-align: center;
    padding-top: 40px;
}

footer>div>a{
    
}