body {
  background-color: /*#8585ff*/ #6666ee;
  color: white;
  margin: 0px 0px;
}
::selection {
  background: white;
  color: #6666ee
  
}

#webs {
  display:flex;
  justify-content: center;
  background: darkgreen;
  height: 50px;
  margin-bottom: auto
}
#matrix {
  font-family: monospace;
  font-size: 18px;
  background: darkgreen;
  color: lime;
  border: 2px solid lime;
  transition: 0s
}
#matrix:hover {
  background: lime;
  color: darkgreen
}

button {
  flex: auto;
  font-size: 18px;
  margin: 10px;
  transition: 0.2s;
  background: #aaaaff;
  border: 2px solid powderblue;
}
button:hover {background: #8888ff;}
button:active {translate: 0px 2px;}
button[disabled] {color:grey}
button[disabled]:hover {background:#ff0000; color:white;border: 2px solid yellow}
button[disabled]:active {translate: 0px}

h1 {
  text-align: center;
}

p {
  margin: 0em 0.2em;
  line-height: 1.2em
}
h2 {
  margin: 1em 0.2em
}

li {
  padding: 5px 0px;
}
a {
  padding: 0px 2px;
  color: cyan;
}
ul {color:powderblue;}
#discord {
  color: #ddddff;
  background-color: #4444ff;
}
#yt {
  color: #ffeeee;
  background: #fe0000;
}

#su {
  color: #00ff00;
  background-color: #f43535aa;
  animation: bgColor 8s infinite linear;
  margin: 0px;
}

@keyframes bgColor {
  10% {
    background-color: #f8353588;
    color: #00ff00
  }
  20% {
    background-color: #ff7b0088;
    color: #00ff00
  }
  30% {
    background-color: #ffff5188;
    color: #0000ff
  }
  40% {
    background-color: #a7ff4e88
  }
  50% {
    background-color: #7addfe88
  }
  60% {
    background-color: #6b6bfd88;
    color: #00ff00
  }
  70% {
    background-color: #ca61ff88
  }
  80% {
    background-color: #ff54af88;
    color: #00ff00;
  }
  90% {
    background-color: #f3bbff88;
    
  }
  /*100% {
    background: #f8353588;
    color: #00ff00
  }*/
}

#tv {
  color: #feaafe;
  background: #990099;
}

#sc {
  color: #ffddbb;
  background: #ff7700;
}