body {
 background-color: black; 
}

#genderizer {
  cursor: pointer;
  position: absolute;
  top: 10px;
  height: 110px;
  width: 400px;
  z-index: 8;
  left:50%;
  transform: translateX(-50%);
}

#logo {
  position: absolute;
  top: 10px;
  width: 400px;
  height:auto;
  z-index: 5;
  left:50%;
  transform: translateX(-50%);
}

#colors{
  position: absolute;
  top: 10px;
  height: 90px;
  width: 370px;
  left:50%;
  transform: translateX(-50%);
}

#main{
  position: relative;
  width:760px;
  height:537px;
  top: 120px;
  left:50%;
  transform: translateX(-50%);
  
}
#frame {
 position: absolute; 
 width: 760px;
}

#canvas {
  position: absolute;
  top: 77px;
  left: 130px;
  z-index: 10; 
}

#video{
   position: absolute;
  top: 77px;
  left: 130px;
}

#button{
 cursor: pointer;
 position: absolute;
 top: 680px;
 left:50%;
 transform: translateX(-50%);
}