body {
  padding: 0;
  margin : 0;
  font: 16px "Open Sans", Helvetica, Arial, sans-serif;
  overflow:hidden!important;
}

@font-face {
  font-family : "Fusion";
  src: url("/stylesheets/font/built titling bd.ttf");
  font-weight : bold;
}

@font-face {
  font-family : "Collision";
  src: url("/stylesheets/font/BebasNeue Bold.ttf");
  font-weight:bold;
}

@font-face {
  font-family : "Product";
  src: url("/stylesheets/font/ProductSansBold.ttf");
  font-weight:bold;
}

@font-face {
  font-family : "Tungsten";
  src : url("/stylesheets/fonts/Tungsten-Bold.ttf");
  font-weight : bold;
}

@font-face {
  font-family : "Din";
  src : url("/stylesheets/font/URWDin/URWDINCond-Black.ttf");
  font-weight : bold;
}

@font-face {
  font-family : "DinLight";
  src : url("/stylesheets/font/URWDin/URWDINCond-Demi.ttf");
  font-weight : bold;
}


#recordButton {
  position : absolute;
  text-align: center;
  left : 0;
  top : 0;
  width : 200px;
  background-color: lightpink;
  cursor : pointer;
}

#recordButton.on {
  background-color: red;
}

#recordButton:active {
  background-color: darkred;
}

span[class^="select2-"] {
  color : black;
}

canvas {
  position: absolute;
  top : 0;
  left : 0;
}

#leftCam {
  position: absolute;
  display: inline-block;
  top : 40px;
  left : 40px;
  width : 900px;
  height : 858px;
  overflow: hidden!important;
}

#rightCam {
  position: absolute;
  display: inline-block;
  top : 40px;
  right : 40px;
  width : 900px;
  height : 858px;
  
  overflow: hidden!important;
}

.cam iframe {
  position: absolute;
  top : 0;
  left : -312px;
  width : 1525px;
  height : 858px;
}

.accordion-button:hover {
  cursor: pointer;
}

#myvid {
  position : absolute;
  right : 0;
  top : 0;
}