@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@500&display=swap");
* { font-family: "VCR OSD Mono", sans-serif; color: white; }
body { margin: 0px; padding: 0px; height: 100%; }
.wallpaper { background-image: linear-gradient(rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.9)), url("./wallpaper.gif"); background-size: cover; background-position: center center; height: 100vh; }
pre { color: rgb(255, 255, 255); overflow: hidden; border: none; font-size: 10px; }
.center-screen { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100vh; }
.box-brrr { width: calc(47% - 10px); border-radius: 2px; background-color: transparent; padding: 20px; display: block; box-sizing: border-box; margin: 0px 5px; }
.box-contain { display: flex; margin-top: 1em; width: 500px; text-align: center; justify-content: center; }
.pfp { width: 110px; height: auto; border-radius: 50%; margin-left: 20px; }
.text { margin-top: 30px; text-decoration: none; color: rgb(221, 221, 221); text-align: center; font-size: 12px; }
.click { position: absolute; top: 0px; left: 0px; width: 100%; height: 100vh; background-color: rgb(0, 0, 0); display: flex; justify-content: center; align-items: center; font-size: 24px; color: rgb(255, 255, 255); cursor: pointer; }
.fade-out { animation: 1s ease 0s 1 normal none running fadeOut; }
@keyframes fadeOut { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@-webkit-keyframes fadeOut { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}
.fade-in-image { animation: 3s ease 0s 1 normal none running fadeIn; }
@keyframes fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@-webkit-keyframes fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@media (max-width: 600px) {
  html, body { overflow-x: hidden; }
  .intial-container { margin-top: 1200px; }
  .box-contain { flex-direction: column; align-items: center; }
  .box-brrr { max-width: 400px; }
  .box-brrr2 { max-width: 400px; }
  pre { font-size: 14px; overflow-y: auto; }
  .text { font-size: 8px; margin-bottom: 150px; }
}