#delayedDiv {
    opacity: 0;
    transition: opacity 1s ease-in-out;
    margin-top: 15px;
}

.hidden {
    display: none;
}

.visible {
    opacity: 1!important; /* Makes it fully opaque */
}

html{
background-image: url('https://i.imgur.com/nNTgq5K.jpg');
overflow: hidden;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
image-rendering: pixelated;
color: lightgrey;
font-family: ms ui gothic;
padding-top: 50px;
padding-bottom: 50px;
}
body{
margin: auto;
width: 61.9%;
position: relative;
}

.title{
   background: rgba(0, 0, 0, .5);
   backdrop-filter: blur(3px);
   margin-bottom: 10px;
   padding: 10px;
   font-weight: bold;
      }

.blink {
  animation: blink-animation .9s step-start infinite;
}
@keyframes blink-animation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

b{font-weight: bold;}

a:hover::after{
   content: url(https://snarlingteeth.nekoweb.org/assets/favicons/paw.png);
   position: relative;
   top:4px;
   left:6px;
}

a{color: lightgrey; text-decoration: none;}