canvas {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body{
  font-family: Arial, Helvetica, sans-serif;
  overflow:hidden;
}

@font-face {
    font-family: urfont;
    src: url(assets/Mesopotamia.ttf);
}

.fade-in {
  animation: fadeIn ease 5s;
  -webkit-animation: fadeIn ease 5s;
}
.fade-out {
  animation: fadeOut ease 1s;
  -webkit-animation: fadeOut ease 1s;
}

@keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@keyframes fadeOut {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}

.title-screen{
  z-index:10;
  position:absolute;
  width:99%;
  top:10%;
  height:80%;
  text-align:center;
  font-family: Arial; //urfont;
  font-size:70pt;
  color:#0a230c;
  text-shadow:0px 0px 32px #CDDC39;
  user-select:none;
  ##pointer-events:none; 
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #3bff97;
  line-height:25px;
}

.title-elem{
  font-size:32pt;
  font-family: Arial;
}