body{
    margin:0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    background:rgb(92, 113, 163);
    font-size:1.02vw;
}
a{
    margin:0vw 1vw;
}
nav{
    position:relative;
    display:flex;
    justify-content: space-around;
}
img{
    width:10vw;
    margin:1.5vw;
}
.shadow{
    position:absolute;
    width:100%;
    height:14.8vw;
    margin:3vw 0vw 0vw 0vw;
    box-shadow:0 0.3vw 0.5vw -0.01vw rgb(61, 61, 61);
    z-index:-2;
}
main{
    margin:8vw 0vw;
    display:flex;
    justify-content:space-evenly;
}
article{
    margin:1.5vw;
    width:70vw;
    background:rgb(249, 255, 215);
    border-radius:1vw;
    box-shadow:0 0.3vw 0.5vw -0.01vw rgb(61, 61, 61);
}
h1{
    padding:0vw 2vw 2vw 2vw;
    color:rgb(23, 165, 221);
    font-size:3vw;
    margin:1vw 0vw 0vw 0vw;
    text-shadow: 0.08vw 0.1vw 0.3vw #000000;
}
article p {
    padding:0vw 2vw 2vw 2vw;
    color:rgb(63, 63, 63);
    font-size:140%;
    margin:1vw 0vw 0vw 0vw;
}




footer {
    background-color: rgb(232, 203, 134);
    display: flex;
    justify-content: space-around;
    position: absolute;
    bottom: -1;
    width: 100%;
    box-shadow: 0 -0.3vw 0.5vw -0.01vw rgb(61, 61, 61);
}
footer div {
    margin: 1% 0 1% 0;
}
h3 {
    margin: 0;
}
footer p {
    margin: 0;
    color: black;
}


@media only screen and (max-width: 768px) {
    footer p, h3 {
        font-size: 2.5vw;
    }
}
@media only screen and (max-width: 500px) {
    footer p, h3 {
        font-size: 4vw;
    }
    footer {
        flex-direction: column;
    }
    footer div {
        text-align: center;
    }
}