a, body, html {
  color : #b0b0b0
}
@keyframes flicker {
  0%, 100%{text-shadow : #000 0 0 50px
}
50% {
  text-shadow : rgba(0, 0,0, var(--rand)) 0 0 50px
}
}@keyframes fadeIn {
  to{opacity : 1
}
}body, html {
  height : 100%;
  margin : 0;
  background : #121212;
  font-family : monospace;
  cursor : url(../img/cur.png), auto;
  user-select : none;
  text-shadow : #000 0 0 50px
}
h1 {
  font-size : 50px;
  color : #a9a9a9
}
hr.solid {
  margin : 5px 0 0;
  width : 200px;
  font-family : Arial, sans-serif;
  border-color : #333
}
.accent {
  color : #333;
  text-shadow : #333 0 0 50px
}
.accent1 {
  color : #3b3b3b80;
  text-shadow : #86868680 0 0 50px
}
a {
  text-decoration : none;
  transition : .3s
}
  a : hover {
  color : #333;
  cursor : url(cur.png), auto
}
  a : active {
  color : #b0b0b0
}
.flickertext {
  --rand : 0;
  animation : 1s infinite flicker
}
.center {
  text-align : center;
  margin : 0
}
.clicktocontinuecontainer, .flex-row {
  display : flex;
  align-items : center;
  gap : 5px
}
.clicktocontinuecontainer {
  cursor : pointer;
  opacity : 0;
  animation : 1s forwards fadeIn;
  transition : .3s
}
  .clicktocontinuecontainer : hover {
  opacity : .6
}
#flexboxcontainer, #hiddencontainer {
  width : 100%;
  height : 100%;
  display : flex;
  justify-content : center;
  align-items : center
}
#hiddencontainer {
  display : none;
  flex-direction : column;
  opacity : 0;
  transition : 3s
}
  input : :placeholder {
  color : gray;
  font-style : italic;
  font-size : 14px;
  opacity : 0.8;
}