/*@font-face {
  font-family: conso;
  src: url(consola.ttf);
}*/



body, html {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

/* Set canvas size to 100% */
canvas {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display: block;

}

.op {
  display: flex;
  flex-direction: column;
  width: 100px;
  position: fixed;
  border-style: dashed;
  border-width: 1px;
  border-color: grey;
  font-size: 12px;
/*  font-family: conso;*/
  overflow: hidden;
  border-radius: 4px;
  background-color: #111111;


}

.chan {
  background-color: #222222;
  color: #bbbbbb;
  padding: 3px;
  margin-bottom: 0px;
}

.chanBar {
  background-color: #aa4444;
  height: 3px;
  width: 50%;

}
.chopName {
  background-color: #55856d;
  color: #111111;
  padding: 3px;
  font-weight: 800;
/*  */
}

.topName {
  background-color: #7b68c4;
  color: #111111;
  padding: 3px;
  font-weight: 800;
}

.compName {
  background-color: #333333;
  color: #111111;
  padding: 3px;
  font-weight: 800;
}

.cook {

  color: #111111;
  padding: 3px;
  font-weight: 150;
  font-size: 9px;
  position: absolute;
  right: 0px;
  bottom: 0px;
}


/* Parameters UI */

label{
    width: 200px;
     font-size: 15px;
/*    font-family: conso;*/
    color: black;
   
}

input{
  background-color: #aaaaaa;
  border: 1px solid #222222;
  border-radius: 4px;
  width: 100px;
}
.pars{
  position:fixed;
  right: 0px;
  top: 0px;
  width: 300px;
  z-index: 999;
    
}
.par {
  display: flex;
  flex-direction: row;
  margin-bottom: 0px;
  background-color: #888888;
  border: 1px solid #222222;
  border-radius: 4px;
  padding-left: 5px;
  font-size: 13px;
/*  font-family: "Courier New";*/
/*  font-family: conso;*/
  color: black;

}

.top-menu {
            width: 100%;
            position: fixed;
            top: 0px;
            display: flex;
            justify-content: center;
            align-items: center;
/*            background-color: #333;*/
            padding: 10px;
            z-index: 900;
        }
        .top-menu button {
            background-color: #999999;
/*            color: white;*/
            border: 1px solid #222222;
            border-radius: 4px;
            cursor: pointer;
            padding: 10px 20px;
            font-size: 16px;
            margin: 0 5px;
            transition: 0.3s;
            width: 45%;
        }
        .top-menu button:hover {
            background-color: #a0a0a1;
        }

iframe {
    display: block;       /* iframes are inline by default */
    background: #000;
    border: none;         /* Reset default border */
    height: 100vh;        /* Viewport-relative units */
    width: 100vw;
}