html, body {
    margin: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: black;
    color: white;
    font-family: 'ghastly_panic';
}

#scene2 {
    position: relative;
    width: 100vw;
    height: 100vh;
}

#canvas2 {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, #202020, #000000);
}

#Odi {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;         
    max-width: 1200px;
    
    transform: translate(-38%, -50%);
    pointer-events: none;
}

#fontTest{
  color: white;
  position: absolute;
  left: 30%;
  top: 30%;
  width: 18vw;
  max-width: 100%;
  min-width: 50%;
}

.fonttwo{
  color: white;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 18vw;
  max-width: 100%;
  min-width: 50%;
  transform: translate(-30%, -5%);
  pointer-events: none;
}