/* CSS Document */

body {
background-color: rgb(26,185,185);
color: rgb(34,1,61);
}


.heading {
color: rgb(26,185,185);
position: absolute;
left: 50%;
margin-left: -550px;
top: 10px;
}

hr {
color: rgb(189,112,252);
margin-left: 34%;
margin-right: -45%;
}

h4 {
color: rgb(174,111,253);
background-color: rgb(204,255,255);
font-family: Georgia, serif;
font-size: 24;
text-align: center;
}

.menu {
color: rgb(204,255,255);
background-color: rgb(153,51,255);
position: absolute;
left: 30px;
top: 300px;
padding: 10px;
text-align: center;
font-family: Georgia, serif;
font-size: 18;
text-align: center;
border: 10px;
border-style: solid;
border-color: rgb(174,111,253);
}

.menu a {
text-decoration: underline;
color: rgb(204,255,255);
}

.menu a:hover {
text-decoration: none;
color: rgb(255,153,255);
}

.menu a:visited {
color: rgb(102,204,255);
}

.main {
position: absolute;
background-color: rgb(255,255,255);
padding: 40px;
top: 380px;
left: 30px;
right: 50%;
text-align: justify;
font-family: "Arial Unicode MS";
font-size: 18;
border: 18px;
border-color: rgb(204,255,255);
border-style: double;
}

.footer {
position: absolute;
top: 890px;
left: 58%;
}

.hairycoconut {
position: absolute;
left: 56%;
top: 320px;
border: 0px;
}