/*Allie's Part starts here:*/
*{
    margin: 0;
    box-sizing:border-box;
}
header{
    margin:auto;
    padding: 3%;
    background-color: #123458;
    text-align: center;
}
/*Joyce's Part starts here (fonts and font sizing) & Paulina's Part starts here (applying background color)*/
header{
    font-size: calc(2px + 1.5vw);
    font-family: 'Inconsolata', monospace;
    font-weight: 300;
    line-height: 220%;
    color: white;
}
header p, footer {
    font-size: calc(2px + 1.5vw);
    font-family: 'Inconsolata', monospace;
    font-weight: 600;
}
nav{
    font-size: calc(2px + 1.5vw);
    font-family: 'Inconsolata', monospace;
    font-weight: 300;
    margin:auto;
    padding: 3%;
    background-color: #123458;
    text-align: center;
    border-width: 17px;
    border-style: solid;
    border-color: #123458;
    position: sticky;
    top: 0;
    z-index: 10;
}
body{
    font-size: calc(2px + 1.1vw);
    font-family: 'Inconsolata', monospace;
    font-weight: 100;

}
#page-wrapper{
    width: 80vw;
    margin:0 auto;
    font-size: 70%;
}
a:visited {
    color:#123458;
}
#link-color, #link-color p a{
    color: white; ! important;
    height: 50vh;
    margin-bottom: 70vh;
}

nav li{
    display: inline;
    border-width: 10px;
    border-style: solid;
    padding: 0.3vw;
    border-color: white;
    background-color: white;
    border-radius: 150px;
    color: #123458;
}
/*Joyce's Part ends here*/
nav a{
    text-decoration:none;
    color: #123458;
}
main{
    margin:auto;
    padding: 5vw;
    background-color: #205295;
    text-align: center;
    line-height: 150%;
    color: white;
}
main h2{
    margin:auto;
    padding: 2% 2%;
    text-align: center;
}
main h3{
    margin:auto;
    padding: 0.5%;
    text-align: center;
}
main p{
    margin:auto;
    padding: 0.5%;
    text-align: center;
    width: 70%;
}
footer{
    margin:auto;
    padding: 2%;
    background-color: #123458;
    text-align: center;
    color: white;
}
#link-wrapper, footer a{
    color: white;
}
main img{
    max-width: 90%;
}
@media screen and (max-width: 720px) {
    #page-wrapper {
        width: 100%;
    }
}