body {background-color:floralwhite;}

main{width: 1000px;
    margin-left:auto;
    margin-right: auto;
background-color: #49B1F2;
box-shadow: 2px 3px 8px black;
overflow: hidden}

nav {margin-left:auto; margin-right: auto;}

nav ul {
    list-style-type: none;
    text-align: center;}

nav li{
    display: inline; 
    font-family: "Pacifico", cursive;
    color: #49B1F2;
    font-size: 30px;
    padding-left: 30px;
    padding-right: 30px;}

aside {
    background-color: #BEE5B0;
    height: 30px;
    margin-left: auto;
margin-right: auto;
font-family: arvo, serif;
color: white; 
text-shadow: 3px 4px 6px black;
text-align: center;
    font-size: 23px;}

footer {
    color: #49B1F2;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: arvo, serif;
    text-align: center;
    font-size: 15px;
    padding-left: 10px;
    padding-right: 10px;}

section p {
    font-family: arvo, serif;
    color: white;
    text-shadow: 1px 4px 4px black;
    text-align: center;
    font-size: 20px;
    padding-left: 10px;
    padding-right: 10px;}

h2 {
margin-left: auto;
margin-right: auto;
font-family: pacifico, cursive;
color: white; 
text-shadow: 1px 4px 6px black;
text-align: center;
    font-size: 30px;}

section {
    padding-top: 10px;
background-color: #BEE5B0;
width: 500px; 
float: left;
height: 500px}

section img {
    width: 480px;      
    float: left;
    padding-left: 10px;
    border-radius: 190px;}

section h2 {
margin-left: auto;
margin-right: auto;
font-family: pacifico, cursive;
color: white; 
text-shadow: 3px 4px 6px black;
text-align: center;
    font-size: 30px}

section h3 {
margin-left: auto;
margin-right: auto;
font-family: arvo, serif;
color: white; 
text-shadow: 3px 4px 6px black;
text-align: center;
    font-size: 23px;}

article {width: 300px; 
    padding-left: 16px;
    padding-right: 16px;
    float: left; }

article h3 {margin-left: auto;
margin-right: auto;
font-family: Arvo, serif;
color: white; 
text-shadow: 1px 4px 6px black;
text-align: center;
    font-size: 30px;}

article img {width: 300px; height: 300px; border-radius: 100px;}

label {
    font-family: Arvo, serif;
    font-size: 20px;
    color: white;
    text-shadow: 3px 2px 4px black;
}

h1 {display: inline;
    font-family: Arvo, serif;
    font-size: 15px;
    color: white;
    text-shadow: 3px 2px 4px black;}

input {border-color: white; color: #49B1F2; font-family: Arvo, serif;}

textarea {border-color: #49B1F2; color: #49B1F2; font-family: Arvo, serif;}

article img:hover {border-radius: 150px}

section img:hover {width: 450px; padding-top: 20px; padding-left: 20px}

em {color: white; text-shadow: 2px 2px 4px black; text-align: center; margin-left: auto; 
    margin-right: auto; padding-left: 150px; 
    font-size: 40px}

a:link {text-decoration: none; color: #49B1F2;}
a:visited {text-decoration: none; color: #49B1F2;}
a:hover {color: #BEE5B0; text-shadow: 0px 0px 0px;}

@media screen and (max-width: 900px) 
{nav li{
    display: inline; 
    font-family: "Pacifico", cursive;
    color: #49B1F2;
    font-size: 22px;
    padding-left: 0px;
    padding-right: 10px;}
}

@media screen and (max-width: 900px) 
{main{width: 500px}
}

@media screen and (max-width: 550px) 
{nav li{
    display: block; 
    font-family: "Pacifico", cursive;
    color: #49B1F2;
    font-size: 20px;
    padding-left: 0px;
    padding-right: 10px;}
}

.top {box-shadow: 2px 1px 9px; width: 1000px; position: fixed; background-color: floralwhite}
.split {width: 1000px; clear: both; overflow: hidden}
.pad {height: 720px; clear: both; padding-top: 1px}
.shadow {box-shadow: 2px 3px 8px;}
.green {background-color: #BEE5B0;}
.blue {background-color: #49B1F2;}