*{
    font-family: Roboto, Arial,sans-serif ;
    text-align: center;
}
body{
    background-color: lightcyan;
}
header, footer{
    background-color: SteelBlue;
    color: white;
    padding: 10px;
}
#left, #right, #center{
    padding-top: 40px;
    margin: 1%;
}
@media screen and (min-width: 800px){
    main{
    display: flex;
    #left{
        width:30%
    }
    #center{
        width:30%
    }
    #right{
        width:30%
    }
}
}
@media screen and (max-width: 799px){
    main{
    display: flex;
    flex-direction: column;
    width: 98%;
}
}
#left{
    background-color: dodgerblue;
}
#center{
    background-color: limegreen;
}
#right{
    background-color: DarkOrchid;
}
img{
    width:70%;
}
p{
    padding: 20px;
}
table{
    margin: 0 auto;
    width: 70%;
    border:  1px solid steelblue;
}
tr:hoover{
    background-color: steelblue;
    color: white;

}