body{
    padding: 0px;
    margin: 0px;
    text-decoration: none;
    font-size: 23px;
    font-family: Helvetica;
}

#background{
 position: fixed;
 width: 100%;
 height: 100%;
 z-index: -1;
}

p
{ text-indent: 20px;
}

form
{text-align:left;
 margin-left: 40%;}

h1{
   color: green;
   font-family: comic sans ms;
   font-size: 24px;
   margin-top: 25px;}


h2{
   color: green;
   font-size: 20px;
}


#butlerpic
{ 
   width: 150px;
   height: 150px;
   float:left;
  padding-right: 10px;
}

#butlerpic2
{ 
 position: absolute;
 width: 300px;
 height: 320px;
 margin-left: 100px;
 margin-top: 60px;}



#maidpic
{ width: 150px;
  height: 150px;
  float:left;
  padding-right: 10px;
}


#chefpic
{ width: 150px;
  height: 150px;
  float:left;
  padding-right: 10px;
}



.content {
 position: absolute;
 width: 40%;
 height: 100%;
 margin-left: 55%;
 margin-top: 20px;
}


.storyPics{
 position: fixed;
 width: 40%;
 height: 100%;
 margin-left: 8%;
 margin-top: 10px;
}

.storyPics > div{
    display: flex;
}



#mansionPic{
 width: 90%;
 height: 100%;
}

#menu{
 margin-left:40%;
 width: 300px;
 font-size: 16px;
}

#spacer{
 height: 110px;
 width: 40%;
}



#link{
margin-left: 20px;
}

#link2{
 margin-left: 60px;
}


#butler
 {margin-left: 00px;
  margin-top: 300px;}

#maid
{ margin-top: -400px;
  }


#chef
{ margin-top: -400px;
  margin-left: 400px;}

#misc
{ margin-top: 100px;
  margin-left: -300px;}