/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* *    ██     ██████  ██████   ██████  ███████        ███    ██  ██████  ████████  █████      ██  */
/* *    ██     ██   ██ ██   ██ ██    ██ ██             ████   ██ ██    ██    ██    ██   ██     ██  */
/* *    ██     ██████  ██████  ██    ██ █████          ██ ██  ██ ██    ██    ██    ███████     ██  */
/* *           ██      ██   ██ ██    ██ ██             ██  ██ ██ ██    ██    ██    ██   ██         */
/* *    ██     ██      ██   ██  ██████  ██      ██     ██   ████  ██████     ██    ██   ██     ██  */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * Prof. NOTA - @MyReceiptt - @MyReceipt * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * Deep Link: https://crot.straight-line.org/* * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*/*############################################################################################*\ */
/*#                                                                                              # */
/*#      10    01       .01110011.      .01100101.      .01100001. 100        011 .01100101.     # */
/*#    1010    0101    010101001010    010010110110    101010010100  010    110  010100100100    # */
/*#   0100      0101  1010            0110      1001            0110  010  010  0110      0010   # */
/*#  0101        1100101011001010100101010101001011010100101001010010'01111000'0110100101101010  # */
/*#   1000      0010            0110  0010            0010      0110  010  000  0110             # */
/*#    001101010100    011011010100    0110101010110   010100101010  011    101  011011100010    # */
/*#     '01110101'      '01110011'      '01100101'      '01100001' 010        010 '01100101'     # */
/*#                                                                                              # */
/*\*############################################################################################## */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

html,
body {
  margin: 0;
  padding: 0;
}

body {
  width: 100%;
  height: 0%;
  /* overflow: hidden; */
  text-align: center;
  font-weight: 700;
  color: #ffffff;
  /* background: radial-gradient(#efefef, #cccccc); */
  background-color: #000000;
}

.pre {
  font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono,
    DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
  font-size: 11px;
}

@media screen and (min-device-width: 1024px) {
  .pre {
    font-size: 11px;
  }
}

@media screen and (min-width: 897px) and (max-width: 1024px) {
  .pre {
    font-size: 10px;
  }
}

@media screen and (min-width: 769px) and (max-width: 896px) {
  .pre {
    font-size: 9px;
  }
}

@media screen and (min-width: 641px) and (max-width: 768px) {
  .pre {
    font-size: 8px;
  }
}

@media screen and (min-width: 513px) and (max-width: 640px) {
  .pre {
    font-size: 7px;
  }
}

@media screen and (min-width: 385px) and (max-width: 512px) {
  .pre {
    font-size: 6px;
  }
}

.blink {
  animation: blinkingColor 1s infinite;
}

@keyframes blinkingColor {
  1% {
    color: #dfff11;
  }
  2% {
    color: #66ff00;
  }
  3% {
    color: #ff08e8;
  }
  4% {
    color: #fe01b1;
  }
  5% {
    color: #be03fd;
  }
  6% {
    color: #ff000d;
  }
  7% {
    color: #ffcf09;
  }
  8% {
    color: #fc0e34;
  }
  9% {
    color: #01f9c6;
  }
  10% {
    color: #ff003f;
  }
  14% {
    color: #0ff0fc;
  }
  18% {
    color: #fc74fd;
  }
  22% {
    color: #21fc0d;
  }
  16% {
    color: #6600ff;
  }
  30% {
    color: #ccff00;
  }
  31% {
    color: #ff3503;
  }
  32% {
    color: #ff0490;
  }
  33% {
    color: #bf00ff;
  }
  34% {
    color: #e60000;
  }
  35% {
    color: #55ffff;
  }
  36% {
    color: #8f00f1;
  }
  37% {
    color: #fffc00;
  }
  38% {
    color: #08ff08;
  }
  39% {
    color: #ffcf00;
  }
  40% {
    color: #fe1493;
  }
  48% {
    color: #ff5555;
  }
  56% {
    color: #fc8427;
  }
  64% {
    color: #00fdff;
  }
  72% {
    color: #ccff02;
  }
  80% {
    color: #ff11ff;
  }
  82% {
    color: #04d9ff;
  }
  84% {
    color: #ff9933;
  }
  86% {
    color: #fe4164;
  }
  88% {
    color: #39ff14;
  }
  90% {
    color: #fe019a;
  }
  92% {
    color: #bc13fe;
  }
  94% {
    color: #ff073a;
  }
  96% {
    color: #cfff04;
  }
  98% {
    color: #ff0055;
  }
  100% {
    color: #ffffff;
  }
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

#toggleBtn {
  width: 100%;
  border-radius: 4px;
  border: 2px solid #222222;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande",
    "Lucida Sans", Arial, sans-serif;
  font-size: 17px;
  font-weight: 700;
  padding: 6px 30px;
  text-decoration: none;
  text-shadow: 0px 1px 0px #222222;
  animation: blinkingBg 1s infinite;
}

@keyframes blinkingBg {
  0% {
    background-color: #10c018;
  }
  10% {
    background-color: #1056c0;
  }
  50% {
    background-color: #ef0a1a;
  }
  90% {
    background-color: #254878;
  }
  100% {
    background-color: #04a1d5;
  }
}

#toggleBtn:hover {
  color: #000000;
}

/* #toggleBtn:active {
  position: relative;
  top: 1px;
} */