@font-face { font-family: derk; src: url('../fonts/derk.otf'); } 
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300&display=swap');
  html {
    font-family: 'Arial', monospace;
    overflow-y: hidden; 
    overflow-x: hidden;
    -ms-overflow-style: none; 
    scrollbar-width: none; 
}
@font-face{
  font-family: 'another-danger';
  src: url(../fonts/another-danger.ttf)
}
@font-face{
  font-family: 'needleteeth';
  src: url(../fonts/needleteeth.ttf)
}
@font-face{
  font-family: 'satan';
  src: url(../fonts/satan.ttf)
}
@font-face{
  font-family: 'death';
  src: url(../fonts/death.ttf)
}
@font-face{
  font-family: 'cz';
  src: url(../fonts/cz.ttf)
}
#outerCircleText {
  color: rgb(252, 252, 252);
  position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;
  }
  #outerCircleText div {position: relative;}
  #outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}

#brand {
  margin-left: 0.65pc;
  text-decoration: none;
  text-shadow: 0 0 1em #990000; /* Changed color to red and increased blur radius */
  font-family: 'Arial', monospace;
  font-weight: bold;
}

.example::-webkit-scrollbar {
  display: none;
}

*, *::after, *::before {
  box-sizing: inherit;
  margin: 0;
  padding: 0;
}
html {
  font-family: 'Arial', monospace;
}
*, *::after, *::before {
  box-sizing: inherit;
  margin: 0;
  padding: 0;
}
body {
  background: rgb(17, 17, 17);
}
.back {
  width: 100%;
}
#overlay-toggle {
  position:absolute;
  display: none;
}

.overlay {
  z-index: 1;
  background-color: black;
}
.overlay label {
  display: grid;
  place-items: center;
  width: 100vw;
  height: 100vw;
  color: rgb(255, 255, 255);
  font-size: 2.5rem;
}
.no-hover {
  display: block;
}
.hover {
  display: none;
}
.fullscreen {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-height: 100vh;
  min-width: 100vw;
}

.bg-video {
  z-index: -1;
}
body {
  font-family: 'Roboto Mono', monospace;
  background-color:#000!important;
  color:#FF0000!important
}
a {
  text-decoration:none;
  color:white!important
}
a:hover {
  transition:.4s!important;
  color:#fff!important
}

#center {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-family: 'Consolas', monospace;
}

#socials {
  position: fixed;
  top: 55.7%;
  left: 40%;
  right: 40%;
  text-align: center;
  font-family: 'Consolas', monospace;
}
.socials-icon:hover { 
    transform: scale(1.5); 
    transform: rotate(360deg);
    transition: all 0.5s ease-in-out 0s;
}
#overlay-toggle:checked ~ .overlay {
  animation-fill-mode: forwards;
  animation-name: fade, hide;
  animation-delay: 0s, 600ms;
  animation-duration: 600ms, 1ms;
}
#overlay-toggle:checked ~ .overlay label {
  animation-fill-mode: forwards;
  animation-name: fade;
  animation-delay: 0s;
  animation-duration: 500ms;
}
@media(hover: hover) {
  .hover {
    display: block;
  }
  .no-hover {
    display: none;
  }
}
@keyframes fade{
  to {
    opacity: 0;
  }
}
@keyframes hide {
  to {
    visibility: hidden;
  }
}

* {cursor: url(https://cur.cursors-4u.net/symbols/sym-1/sym46.cur), auto !important;}
.snowflake {
  color: rgb(255, 255, 255);
  font-size: 1em;
  font-family: Arial, sans-serif;
  text-shadow: 0 0 5px #000;
}

@-webkit-keyframes snowflakes-fall {
  0% {
      top: -10%;
  }
  100% {
      top: 100%;
  }
}
@-webkit-keyframes snowflakes-shake {
  0%,
  100% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
  }
  50% {
      -webkit-transform: translateX(80px);
      transform: translateX(80px);
  }
}
@keyframes snowflakes-fall {
  0% {
      top: -10%;
  }
  100% {
      top: 100%;
  }
}
@keyframes snowflakes-shake {
  0%,
  100% {
      transform: translateX(0);
  }
  50% {
      transform: translateX(80px);
  }
}

.typed-cursor{
  font-size: 30px;
  opacity: 1;
  -webkit-animation: blink 0.7s infinite;
  -moz-animation: blink 0.7s infinite;
  animation: blink 0.7s infinite;
}

body{
  background:white;
}
/* customizable snowflake styling */
.snowflake {
  color: #fff;
  font-size: 1em;
  font-family: Serif;
  text-shadow: 0 0 1px #000;
}

@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%{-webkit-transform:translateX(0px);transform:translateX(0px)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}100%{-webkit-transform:translateX(0px);transform:translateX(0px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%{transform:translateX(0px)}50%{transform:translateX(80px)}100%{transform:translateX(0px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2s,1s;animation-delay:2s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1s;animation
delay:3s,1s}.snowflake:nth-of-type(10)
/* Demo Purpose Only*/
.demo {
  font-family: 'Raleway', sans-serif;
	color:#fff;
    display: block;
    margin: 0 auto;
    padding: 15px 0;
    text-align: center;
}
.demo a{
  font-family: 'Raleway', sans-serif;
color: #000;		
}
.snowflake img {
    height: 40px;
    bottom: 0;
    background-color: #;
    display: block;