/* CSS Document */
body {
    background-color:dimgrey;
    margin: 0;
     
}


#container {
    width:100%;
    height:100%;
    overflow: hidden;
   
}


#chocolate {
    float:left;
    font-size:25px;
    color:white;
    text-align:center;
    width:20%;
    height:5000px;
    background-color:chocolate;
    margin-left:-10px;
    margin-top:-10px;
 
}

.menuitems {
    z-index: 2;
 
  
}

i {
    margin-right:140px;
    margin-top:10px;
}

#viola{
    z-index: 2; 
}


#monster{
    width:200px;
    padding:5px;
    z-index: 2;
}

#robot{
    width:200px;
    padding:5px;
    z-index: 2;
    
}

#squareguy{
    width:200px;
    padding:5px;
    z-index: 2;
    
}


#box2{
    background-color: crimson;
    height:200px;
   
}
#box3{
    background-color: chartreuse;
    
}

#box4{
    background-color: deepskyblue;
   
}

#box5{
    background-color: fuchsia;
    
}



#color {
    float:right;
    font-size:65px;
    color:white;
    text-align:center;
  
      width: 20%;
  height: 3500px;
  background-color: aquamarine;
  margin-left: 80%;
  position: fixed;
  margin-top: -10px;
   
 
    
}

#shark {
        position: absolute;
  top: 9%;
  right: -15px;
}


#videos {
    margin-left:auto;
    margin-right:auto;
    width:50%;
    padding:5%;
    float:left;
    text-align: center;
    
    
    
}

.middleImage{
    padding:10px;
    max-width:100%;
}


.videoframe {
    position:relative;
    padding:20px;
    height:100%;
    width:100%;
    overflow:hidden;
}






img {
    
}