/*
███████  ██████  ███    ██
██      ██    ██ ████   ██
█████   ██    ██ ██ ██  ██
██      ██    ██ ██  ██ ██
██       ██████  ██   ████
*/



@font-face { font-family: "alumni";
  src: url("../_/fon/alumni.ttf");
  font-weight: 400;
}

@font-face { font-family: "ubuntu";
  src: url("../../_/fon/Ubuntu-Regular.ttf");
  font-weight: 400;
}

@font-face { font-family: "mono";
  src: url("../../_/fon/UbuntuSansMono_w.ttf");
  font-weight: 400;
}










body {
  background-color:#000;
  font-family: "alumni";
}


h1 {
  color:#777;
  text-align: center;
  font-size: 8em;
  font-weight: 100;
  margin-top:10px;
}
h2 {
  color:#333;
  text-align: center;
  font-size: 3em;
  position:absolute;
  top:.7em;
  left:12%;
}
.ordr {
  color:#222;
  font-size:80%;
  margin : 15px;
}


.svg {
  width: 200px;
  height: 200px;
  overflow: visible;
}

#contain{
  position:absolute;
  top:120px;
  width:100%;
}


#containJs{
  display: flex;
  justify-content: center;
  position:relative;
  z-index:222
}

#showRoom{
  display:flex;
  flex-wrap:wrap;
  flex-direction: column;
  margin-top:85px;
}

#containBg{
  display: flex;
  justify-content: center;
  position: absolute;
  top: 0;
  width: 100%;
}