body {
    background: skyblue;
    margin: 0 auto; 
}
header {
    background: skyblue;
    padding: 30px;
    text-align: center;
}
nav{
    text-align: center; 
    padding: 5px 10px;
    background: white;
}
nav a{
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    color:white;
    padding: 5px 10px;
    background: skyblue;
    transition:all 1s;
    margin-bottom: 10px;
}
nav a:hover{
    background:white;
    color: skyblue;
    transition-duration: 1s;
    transform: rotate(360deg);
}
.active{
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    color:white;
    background: lightblue;
}
main {
    background: white;
    padding: 30px;
    min-height: 600px;
    text-align: center;
    float: inherit;
}
main img {
    width: 50%;
    margin: auto;
    border: 3px solid #49bbec;
}
h3{
    text-align: center;
    color: skyblue;
}