body {
    background-color:Purple;
    background-image:url("images/aesthetic-teal-background-86mbi.jpeg");
}
.main {
    width:800px;
    height:800px;
    background-color:teal;
    margin:auto;
    margin-top:20px;
    border-radius:20px 20px 20px 20px;
}
.header{
    width:100%;
    height:150px;
    background-color:lightblue;
    border-radius:20px 20px 0px 0px;
    text-align:center;
    font-size:45px;
    text-shadow: 2px 2px teal;
}
.nav {
    width:100%;
    height:50px;
    background-color:blue
}
.nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: center;
    text-align: center
}

.nav li {
    float: left;
    font-size:150%;
    vertical-align: baseline;
}

.nav a{
    display: block;
    width: 200px;
    height:50px;
    position: relative;
    padding-top: 25px;
    font-family:"Kolker Brush", "verdana"; sans-serif;
}  
.nav a:link, .nav a:visited {
    color:white;
    background-color: blue;
    text-align: center;
    text-decoration: none
}
.nav a:hover, .nav a:active {
    color:blue;
    background-color: teal;
    text-align: center;
    text-decoration: none
}


.content{
    width:100%;
    height:600px;
    background-color:teal;
    border-radius:0px 0px 20px 20px;
}

table{
    border-spacing:10px;
    margin:auto;
}

tr, td {
    border: 2px solid black;
    width:200px;
    height:200px;
    border-radius:40px;
    text-align:center;


}

caption{
    font-size:150%;
    font-family:"verdana","arial";
}

img {
    border-radius:40px;
    width:100%;
    height:100%;
}

p {
    font-family: 'Kolker Brush', cursive;
}