body{
    font-family: 'Times New Roman', Times, serif;
    
    color:rgb(217, 226, 236);
}
#container{
    width: 95%;
    margin: auto;
}
h1{
    text-align: center;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 300%;
    color:rgb(243, 213, 44);}
h2{
    color: rgb(134, 224, 118);
}
h3{
    color:rgb(241, 94, 94) ;
}
h4{
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    color:rgb(243, 213, 44);
}
a{
    color: rgb(243, 213, 44);
}
img{
    display: block;
    margin: auto;
}
footer{
    margin-top: 100px;
    background-color: slategrey;
    color:rgb(7, 6, 6);
}
footer p{
    text-align: center;
}
@media screen and (max-width :768px){
    #container{
        width: 75%;
}
    h1{
        font-size: 150%;
    }