body {
      background-color: #000036;
      background-image: url(/images/stars3.gif);
      background-size: 100% stretch;
      background-position-x: center;
      background-position-y: center;
      background-attachment: fixed;
      font-family: 'Courier New', Courier, monospace;
}
h1 {
      border-radius: 20px;
      text-align: center;
      margin-bottom: -6%;
}
h2 {
      font-size: 120%;
      padding-left: 3%;
      padding-right: 3%;
}
h3 {
      font-size: 90%;
      font-style: italic;
      padding-left: 3%;
      padding-right: 3%;
}
h4 {
      font-size: 100%;
      margin-top: -5%;
      margin-bottom: -1%;
      border-bottom: dotted;
      border-width: 3px;
      padding-bottom: 5%;
      padding-left: 3%;
      padding-right: 3%;
}
h5 {
      padding-left: 3%;
      padding-right: 3%;
}
a:link {color: fuchsia;
}
a:visited { color: #adadff;
}
a:hover {color: white; background-color: fuchsia;
}
a:active {color: #adadff;
}
#system-data {
      padding-left: 0%;
      padding-right: 0%;
      margin-left: -9%;
      margin-right: -9%;
}
#shell {
      color: #000036;
      width: 512px;
      background-color: #adadff;
      border-style: solid;
      border-color: rgb(173, 173, 255, 0);
      border-width: 20px;
      border-radius: 20px;
}
#d1 {
      color: #FF0000;
      background-color: #2b0000;
      border-style: solid;
      border-color: #FF0000;
      border-width: 20px;
      border-radius: 20px;
      padding: 4%;
      padding-top: 6%;
}
#d2 {
      color: #ffa500;
      background-color: #2b1c00;
      border-style: solid;
      border-color: #ffa500;
      border-width: 20px;
      border-radius: 20px;
      padding: 4%;
      padding-top: 6%;
}
#d3 {
      color: #ffff00;
      background-color: #2b2100;
      border-style: solid;
      border-color: #ffff00;
      border-width: 20px;
      border-radius: 20px;
      padding: 4%;
      padding-top: 6%;
}
#d4 {
      color: #00ff00;
      background-color: #002000;
      border-style: solid;
      border-color: #00ff00;
      border-width: 20px;
      border-radius: 20px;
      padding: 4%;
      padding-top: 6%;
}
#d5 {
      color: #000fff;
      background-color: #000022;
      border-style: solid;
      border-color: #0000ff;
      border-width: 20px;
      border-radius: 20px;
      padding: 4%;
      padding-top: 6%;
}
#d6 {
      color: #9500ff;
      background-color: #140022;
      border-style: solid;
      border-color: #9500ff;
      border-width: 20px;
      border-radius: 20px;
      padding: 4%;
      padding-top: 6%;
      }
#d7 {
      color: #ff5fff;
      background-color: #330033;
      border-style: solid;
      border-color: #ff5fff;
      border-width: 20px;
      border-radius: 20px;
      padding: 4%;
      padding-top: 6%;
}
#d8 {
      color: #c99000;
      background-color: #302300;
      border-style: solid;
      border-color: #c99000;
      border-width: 20px;
      border-radius: 20px;
      padding: 4%;
      padding-top: 6%;
}
#d9 {
      color: #c0c0c0;
      background-color: #333333;
      border-style: solid;
      border-color: #c0c0c0;
      border-width: 20px;
      border-radius: 20px;
      padding: 4%;
      padding-top: 6%;
}
#d10 {
      color: #adadff;
      background-color: #000036;
      border-style: solid;
      border-color: #000036;
      border-width: 20px;
      border-radius: 20px;
      padding: 4%;
      padding-top: 6%;
}
#d11 {
      color: #c0c0c0;
      background-color: #141414;
      border-style: solid;
      border-color: #141414;
      border-width: 20px;
      border-radius: 20px;
      padding: 4%;
      padding-top: 6%;
}
#d12 {
      color: #141414;
      background-color: #ffffff;
      border-style: solid;
      border-color: #ffffff;
      border-width: 20px;
      border-radius: 20px;
      padding: 4%;
      padding-top: 6%;
}
      /* Rainbow Text */
.rainbow-text {
      font-size: 1.5rem;
      background-image: linear-gradient(to right, violet, indigo, blue, green, yellow, orange, red);
      color: transparent;
      -webkit-background-clip: text;
      display: inline-block;
      margin-bottom: 2rem;
}
.rainbow-text:nth-of-type(2) {
      background-image: radial-gradient(circle, violet, indigo, blue, green, yellow, orange, red);
      color: transparent;
}
.rainbow-text:nth-of-type(3) {
      background-image: conic-gradient(from 90deg, violet, indigo, blue, green, yellow, orange, red);
      color: transparent;
}
.rainbow-text-loop {
      font-size: 1.5rem;
      display: inline-block;
      margin-top: 1rem;
      text-shadow: 2px 2px 4px #000000;
      -webkit-animation: rainbow 5s infinite;
}
@-webkit-keyframes rainbow{
      0%{color: orange;}
      10%{color: purple;}
      20%{color: red;}
      30%{color: CadetBlue;}
      40%{color: yellow;}
      50%{color: coral;}
      60%{color: green;}
      70%{color: cyan;}
      80%{color: DeepPink;}
      90%{color: DodgerBlue;}
      100%{color: orange;}
}
.rainbow-text-shadow {
      display: inline-block;
      margin-top: 2.5rem;
      font-size: 1.5rem;
      font-weight: 100;
      color: #ef3550;
      letter-spacing: 8px;
      text-shadow: 1px 0 #f48fb1, 2px 0 #7e57c2, 3px 0 #2196f3, 4px 0 #26c6da, 5px 0 #43a047, 6px 0 #eeff41, 7px 0 #f9a825, 8px 0 #ff5722, -1px 0 #f48fb1, -2px 0 #7e57c2, -3px 0 #2196f3, -4px 0 #26c6da, -5px 0 #43a047, -6px 0 #eeff41, -7px 0 #f9a825, -8px 0 #ff5722;
}
      /* end rainbow text */
@font-face {
      font-family: "atlantean";
      src: url('https://file.garden/aegOx71aKQol7bEt/fonts/Atlantean.ttf') format('truetype');
}
@font-face {
      font-family: "matoran";
      src: url('https://file.garden/aegOx71aKQol7bEt/fonts/BIONICLE.TTF') format('truetype');
}
#back {
      background-color: #F4EE08;
      border-color: #ff0a85;
      color: #4600a1;
}
      /* Atlantean font */
@font-face {
      font-family: "atlantean";
      src: url('https://file.garden/aegOx71aKQol7bEt/fonts/Atlantean.ttf') format('truetype');
}
#atlantean {
      font-family: 'atlantean';
      text-align: right;
      margin-top: -36px;
}
      /* ^_^ */
.center {
      display: flex;
      justify-content: center;
      align-items: center;
}
/* FLOATING EFFECT */
.floating {  
  animation-name: floating;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  margin-left: 30px;
  margin-top: 5px;
}

@keyframes floating {
  0% { transform: translate(0,  0px); }
  50%  { transform: translate(0, 15px); }
  100%   { transform: translate(0, -0px); }    
}
/* OWLDEER */
#owldeer {
      width: 260px;
      padding: 0px;
      margin-left: -230px;
      margin-top: -300px;
}