/* CSS Document */
body {
    margin: 0;
}


#container {
   
    
}


#chocolate {
    float:none;
    font-size:25px;
    color:white;
    text-align:center;
    width:100%;
   
    background-color:chocolate;
    
    
}

.menuitems {
    margin-bottom: 10px;
    z-index: 2;
    position: absolute;
    top:5px;
    left:10px;
  
}

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

#viola{
    width:90%
    height:auto;
    z-index:1;
}


#monster{
    width:90%
   height:auto;
    z-index: 1;
}

#robot{
    width:90%
    height:auto;
    padding:10px;
    z-index: 0;
    
}

#squareguy{
    width:90%
    height:auto;
    padding:5px;
    z-index: 0;
    
}


#box2{
    background-color: crimson;
    width:100%;
    height:auto;
}
#box3{
    background-color: chartreuse;
    width:100%;
    height:auto;
}

#box4{
    background-color: deepskyblue;
    width:100%;
    height:auto;
}

#box5{
    background-color: fuchsia;
    width:100%;
    height:auto;
}



#color {
    float:none;
    font-size:70px;
    color:white;
    text-align:center;
    width:100%;
   
    background-color:aquamarine;
    
    overflow:hidden;
    
}

#shark {
      width:90%;
}


#videos {
    background-color: greenyellow;
    text-align:center;
    width:100%;
    float:none;
  
   
    
    
}


.videoframe {
    position:relative;
    padding:0px;
    height:auto;
    width:auto;
    overflow:hidden;
}


.videoframe embed{
    position:absolute;
    top:0;
    left:0;
    width:auto;
    height:auto;
}


img {
    max-width:90%;
}