@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300&display=swap');
body {
  background-color: rgb(85,85,85);
  color: white;
  font-family: 'Outfit', sans-serif;
  animation-name: fadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}
.example::-webkit-scrollbar {
  display: none;
  -ms-overflow-style: none;
}
@keyframes fadein {
  from {opacity: 0;}
  to {opacity: 1;}
}
.window {
  background: rgba(0, 0, 0, 0.5);
  box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.5 );
  backdrop-filter: blur( 20px );
  -webkit-backdrop-filter: blur( 20px );
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.18);
  width: 500px;
}
img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
button {
  background: rgba( 0, 116, 255, 0.25 );
  box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
  backdrop-filter: blur( 14px );
  -webkit-backdrop-filter: blur( 14px );
  border-radius: 10px;
  border: 1px solid rgba( 255, 255, 255, 0.18 );
  color: white;
  padding: 15px;
}
button:active {
  background: rgba( 0, 116, 255, 1);
  box-shadow: 0 8px 32px 0 rgb(42, 52, 187);
  backdrop-filter: blur( 14px );
  -webkit-backdrop-filter: blur( 14px );
  border-radius: 10px;
  border: 1px solid rgba( 255, 255, 255, 1 );
  color: white;
  padding: 15px;
}
#warn {
  color: rgb(219, 42, 72);
}
.btext {
  letter-spacing: 5px;
  text-decoration: underline;
  font-size: 30px;
}
.h {
  text-spacing: 1px;
  transition: linear;
}
.h:hover {
  animation-name: gre;
  animation-duration: .5s; 
  animation-fill-mode: forwards;
}
.h:not(:hover) {
  animation-name: erg;
  animation-duration: .5s;
  animation-fill-mode: forwards;
}
#cn {
  color: red;
}
@keyframes gre {
  from {text-decoration: underline; color: white; text-decoration-color: white; text-spacing: 1px;} 
  to {text-decoration: underline; color: yellow; text-decoration-color: yellow;letter-spacing: 5px;} 
}
@keyframes erg {
  from {text-decoration: underline; color: yellow; text-decoration-color: yellow;letter-spacing: 5px;}
  to {text-decoration: underline; color: white; text-decoration-color: white;letter-spacing: 1px;}
}