header {
    display : flex;
    justify-content : center;
    align-items : center;
    background-color : #494949;
    padding : 5px;
    color: white;
}

img {
    width : 20%;
    padding-right : 10px;
}
h1 {
    font-size : 2em;
    text-align : center;
}
h2{
    font-size : 1.5em;
    text-align : center;
    
}
#container{
    display : flex;
    justify-content : center;
}

main {
    width : 70%;
    border : 1px solid;
    background-color : #494949 ;
    color : white;
    padding : 2%;
    margin : 0;
}
main h3 {
    font-size : 1.2em;
    background-color : #F0FF7D;
    color : black;
    padding : 5px 10px;
}
aside {
    width : 30%;
    border : 1px solid;
    background-color : white;
    padding : 2%;
}
aside h3 {
    font-size : 1.2em;
    background-color : #F0FF7D;
    padding : 5px 10px;
}
li{
    list-style-type : none;
}
footer{
    text-align : center;
    background-color : Black;
    color: white;
    border: 1px solid;
    padding : 5px;
    margin : 0;
}
@media screen and (max-width:1050px){
    h2{
        font-size : 1.2em;
    }
}
@media screen and (max-width:850px){
    #container{
        display: block;
    }
    main {
        width: 100%;
    }
    aside {
        width: 100%;
        background-color: #494949;
        color: white;
    }
    aside h3 {
        color : black;  
   }
}