Body {
background-color:#FFFFFF;

}
Body {
background-color:##0000FF
background-image:url ("Shape1.jpg");
background-repeat:no-repeat;
}

h1{
color: #0000FF;
background-color: #66FF33;
}
P{
color:#5F04B4;
}
tr{
color:#5F04B4;
}

.paragraph
{
text-align:left;
color:pink;
font-size:20px;
}
	

#colouredshapes
{position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
z-index:-5;
}

#navbox
{position:absolute;
left:0px;
background-color:black;
height:300px;
width:300px;
color:white;
top:10%;
z-index:-5;
}

#trailer{
position: absolute;
top:10px;
left:10px;
}

#giggletowers{
position: absolute;
top:60px;
left:10px;
}
#animation{
position: absolute;
top:110px;
left:10px;
}
#officialgame{
position: absolute;
top:160px;
left:10px;
}
#copyright{
position:absolute;
top:210px;
left:10px;
}

.font {
font-size:20px;
color:pink;
}

#explanationbox
{position:absolute;
left:350px;
top:50px;
background-color:orange;
height:200px;
width:400px;
color:white;
}

#copyrightbox
{position:absolute;
left:20px;
top:400px;
background-color:blue;
height:200px;
width:100px;
color:white;
}

#main
{position:absolute;
width:100%;
height:100%;
}

#copyrightexplanation
{position:absolute;
left:350px;
top:300px;
background-color:blue;
height:230px;
width:350px;
font-size:20px;
text-color:black;
}

#animationbox
{position:absolute;
left:350px;
top:350px;
background-color:blue;
height:230px;
width:300px;
color:white;
}

#animationhere
{position:absolute;
left:350px;
top:350px;
background-color:blue;
height:150px;
width:300px;
color:white;
}

#giggletowersanimation
{position:absolute;
left:400px;
top:350px;
background-color:blue;
height:300px;
width:350px;
color:white;
}

#gamesumo
{position:absolute;
left:800px;
top:350px;
width:30%;
height:30%;
}

#copyrightsumo
{position:absolute;
left:800px;
top:350px;
width:40%;
height:40%;
}

#giggletowersanimation
{position:absolute;
left:450px;
top:325px;
width:563px;
height:318px;
}

#emilyexplanation
{position:absolute;
left:700px;
top:350px;
background-color:red;
width:400px;
height:150px;
}