body
{
    position: relative;

    width: 1440px;
    height: 1024px;

    background-color: #91C7B1;
    
}

#slogan {
    position:relative;

    
    width: 600px;
    height: 200px;
    left: 440px;
    top: 100px;
    
font-family: Arial, Helvetica, sans-serif;
}

#playButton{
    position: relative;
    width: 253px;
    height: 71px;
    left: 593px;
    top: 106px;
}

#manualButton{

    position: relative;
    width: 253px;
    height: 67px;
    left: 593px;
    top: 116px;
}

#startScreen {
    position: relative;
    width: 505px;
    height: 373px;
    left: 467px;
    top: 94px;
}





#BackButton{

position: relative;
width: 184px;
height: 52px;
left: 60px;
top: 47px;

background: #D9D9D9;
}



#pageheaderLogo{

position: relative;
width: 236px;
height: 52px;
left: 602px;
top: 47px;

background: url(Manual_button.png);
}

#Bucketsfilling{
position: relative;
width: 1082px;
height: 174px;
left: 179px;
top: 213px;
}


#textbox{

position: relative;
width: 405px;
height: 385px;
left: 518px;
top: 300px;

background: #55494B;
border-radius: 8px;



font-family:Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 48px;
content: " ";
text-align: center;

color: #FFFFFF;

}

.ruletext{

position: absolute;
width: 361px;
height: 37px;
left: 540px;
top: 722px;

font-family:Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 24px;
text-align: center;

color: #FFFFFF;
}


.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #55494B;
    color: white;
    text-align: left;

}
a:link {
    color: white;
  }

a:visited{
    color: white;
}