/* CSS Document */
body {
background-color: rgb(116,13,230);
color: rgb(0,0,0);
text-align: center;
font-family: "Maiandra GD";
font-size: 20;
font-weight: normal;
}

h3 {
color: rgb(204,153,255);
background-color: rgb(0,0,0);
font-family: "Monotype Corsiva";
font-size: 45;
text-align: center;
padding: 20px;
}

h4 {
color: rgb(255,255,255);
background-color: rgb(49,0,98);
font-family: "Monotype Corsiva";
font-size: 30;
text-align: center;
padding: 5px;
}

h5 {
color: rgb(196,148,254);
background-color: rgb(0,0,0);
font-family: "Monotype Corsiva";
font-size: 23;
text-align: right;
}

hr {
color: rgb(0,0,0);
width: 50%;
text-align: center;
}

a {
text-decoration: underline; 
color :rgb(49,0,98);
}

a:hover {text-decoration: none}

a:visted {
color: rgb(116,13,230);
}

.menu {
position: absolute;
top: 29%;
left: 1%;
padding: 10px;
width: 22%;
background-color:rgb(49,0,98);
font-size: 18;
font-family: "Maiandra GD";
font-weight: normal;
}

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

.menu a:visited {
color: rgb(196,148,254);
}

.menu a:hover {
color: rgb(255,140,198);} 

.main {
position: absolute;
top: 29%;
left: 28%;
width: 65%;
padding: 30px;
background-color: rgb(255,255,255);
text-align: justify;
}

.walnut {
position: absolute;
top: 80%;
left: 1%;
}

.essence {
color: rgb(0,204,204);
background-color: rgb(255,255,255);
font-family: Vivaldi;
font-size: 27;
font-weight: bold;
border: double;
border-width: 10px;
margin: 25px;
}

.essence a {
color: rgb(0,204,255);
text-decoration: none;}

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

.essence a:visited {
color: rgb(51,153,255);
text-decoration: none;
}