body {
background-color: #A4A4A4;
}



#p1 {
background-color: #000000;
color: white;
font-size: calc(1.5rem + 3vw);
font: bold "Comic Sans MS", Comic Sans, cursive;
letter-spacing: -2px;
text-align: center;
margin: 0;
}



#p2 {
font-size: calc(0.5rem + 3vw);
font: "times new roman", serif;
text-align: left;
margin: 0;
}

#p3 {
font-size: calc(1.5rem + 3vw);

font: 10px "Comic Sans MS", Comic Sans, cursive;
text-align: left;
}

img {
width: 75%;
}

ul#menu1 {
margin: 5px;
padding: 0;
font: bold 1em Milkshake.otf, Georgia, Times, serif;
border-radius:15px;
float: left;
list-style-type: none;
}

#menu1 a {
display: block;
margin: 5px 0;
color: black;
text-decoration: none;
font: bold 1em Georgia, Times, serif;
line-height: 35px;
width: 200px;
border-radius:15px;
border: 3px solid black;
background: #fc0;
text-align: center;
}

#menu1 a:hover {
color: white;
background: yellow;
text-shadow: 2px 3px 3px black;
}

a {
color: green;
text-align: right;
margin: 0;
}

#p4 {
background-color: #D8D8D8;
font-size: 20px;
margin-top: 0;
}

#p5 {
background-color: #D8D8D8;
font-size: 20px;
margin-top:0;
}