@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@600;900&family=Sora:wght@100..800&display=swap');

.centered{
  display:flex;
  align-items: center;
  justify-content: center;
  height:100%;
  color:#1b1b1b;
}

html,body{
  padding:0;
  margin:0;
  height:100%;
}

html{
  font-size:10px;
  background-color:#fff;
  /*background:radial-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.1));*/
  background-color:#b40000;
}

.typewriter{
  text-align:center;
  font-family:monospace;
  font-size:max(7vw);
  /*letter-spacing:-0.8rem;*/
  letter-spacing:-0.4rem;
  user-select:none;
  /* 2024-08-09 */
  font-family:"Sora", monospace;
  font-weight:800;
}

.column{
  flex-direction:column;
}

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

menu{
  display:flex;
  flex-direction:row;
  list-style:none;
  animation: fadeIn 2s forwards;
  margin:0;
  padding:0;
  font-family:"Raleway", sans-serif;
  font-weight:600;
  text-transform:uppercase;
  user-select:none;
}

/* 2024-08-12 */
@media only screen and (min-width: 551px){
  menu{
    flex-direction:row!important;
  }
}
@media only screen and (max-width: 550px){
  menu{
    flex-direction:column!important;
    text-align:center;
  }
}

menu a{
  text-decoration:none;
  color:inherit;
  font-size:max(2vw, 3vh);
  padding:5px 10px;
}

menu a:hover{
  text-decoration:underline;
}

/* 2024-01-23 */
*{
  color:#d9180d!important;
  color:#fff!important; /* 2024-01-31 */
}