:root {
      overflow: hidden;
      scrollbar-color: transparent transparent;
      scrollbar-width: none;
      /* Background Colors: */
      --accent-color:#B49FCA;
      --background-color: #00000000;
      --content-background-color: #000000;
      --sidebar-background-color: #000000;

      /* Text Colors: */
      --text-color: #4A3B27;
      --rune-color: #61BAA4;
      --sidebar-text-color: #ff5331;
      --link-color: #82ff63;
      --link-color-hover: #0b8c32;

      /* Text: */
      --font: 'audiowide', sans-serif;
      --heading-font: 'audiowide', sans-serif;
      --font-size: 12px;

      /* Other Settings: */
      --margin: 40px;
      --padding: 10px;
      --border: 7px solid #B49FCA;
      --round-borders: 6px;
      --sidebar-width: 250px;
  }
  .Sidebar{width:10%;position:fixed}
  .main{margin-left:11%;overflow:scroll;background: #ffffff;background: linear-gradient(278deg, rgba(255, 255, 255, 1) 1%, rgba(255, 245, 255, 1) 77%, rgba(255, 219, 255, 1) 100%);}
  body{margin:0;padding:0;border: 0}
  details {margin-left: 1em}
  footer {
      display:none;
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 50px;
      background-color:var(--accent-color)
  }
  .badges {display:flex;gap:3px;padding:2px}
  .badges div{border:solid 1px purple;height:70px;width:150px;overflow:auto}
  .badges div a{font-size:8px}
  .greyout {filter:grayscale(90%);filter: blur(5px);filter: opacity(25%);}
  .minigallary img {height:20px;width:20px}
  .minigallary img:hover {height:30px;width:30px}
  .minigallary {display:flex}
  .photogallery {display: flex;justify-content: center;align-items: center;}
  .photogallery img {height:50%;max-height:50%;max-width:auto;border:var(--border);position:block;display: flex;justify-content: center;align-items: center;object-fit: contain;}
  .iframeplayer iframe {height:24px;border:none}
  .iframepage iframe {height:90%;width:150%;border:none;background-color:white}
  .pairs {display:grid;width: 98%;grid-template:"label" "data"/ 1fr 1fr;border-style: none;overflow:clip}
  .controls img{height:5%;width:5%}
  .controls {display: flex;justify-content: center;align-items: center;}
  .scrolly{overflow-y:auto}
  .button {background: #d343e0;background: linear-gradient(180deg,rgba(211, 67, 224, 1) 8%, rgba(173, 13, 188, 1) 13%, rgba(168, 0, 184, 1) 92%, rgba(46, 0, 37, 1) 100%);border-radius:7px;border:1px solid black;color:black}
  .slide {display:none}





  @keyframes gradient {
      0% {background-position: 0% 50%;}
      50% {background-position: 100% 50%;}
      100% {background-position: 0% 50%;}
  }
.AetherBadge {position:relative;background: #ffffff;
background: linear-gradient(226deg, rgba(255, 255, 255, 1) 0%, rgba(45, 218, 253, 1) 11%, rgba(84, 241, 93, 1) 18%, rgba(193, 224, 135, 1) 27%, rgba(204, 174, 212, 1) 34%, rgba(31, 237, 210, 1) 43%, rgba(247, 132, 54, 1) 51%, rgba(255, 38, 92, 1) 60%, rgba(228, 23, 255, 1) 69%, rgba(141, 34, 195, 1) 75%, rgba(179, 85, 145, 1) 84%, rgba(213, 133, 98, 1) 91%, rgba(253, 187, 45, 1) 100%);
background-size:400%;overflow:hidden;animation: gradient 30s ease infinite;;}