body {
  background-color: #eea4bb

}

@font-face {
  font-family: 'Adult Swim';
  src: url(https://kids-sati.neocities.org/fonts/adultswim.ttf);
}

@font-face {
  font-family: 'Brookes';
  src: url(https://kids-sati.neocities.org/fonts/BrookeS8.ttf);
}

/* From Uiverse.io by SelfMadeSystem */ 
.frutiger-button {
  cursor: pointer;
  position: relative;
  padding: 2px;
  border-radius: 6px;
  border: 0;
  text-shadow: 1px 1px #000a;
  background: linear-gradient(#006caa, #00c3ff);
  box-shadow: 0px 4px 6px 0px #0008;
  transition: 0.3s all;
}

.frutiger-button:hover {
  box-shadow: 0px 6px 12px 0px #0009;
}

.frutiger-button:active {
  box-shadow: 0px 0px 0px 0px #0000;
}

.inner {
  position: relative;
  inset: 0px;
  padding: 1em;
  border-radius: 4px;
  background: radial-gradient(circle at 50% 100%, #30f8f8 10%, #30f8f800 55%),
    linear-gradient(#00526a, #009dcd);
  overflow: hidden;
  transition: inherit;
}

.inner::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(-65deg, #0000 40%, #fff7 50%, #0000 70%);
  background-size: 200% 100%;
  background-repeat: no-repeat;
  animation: thing 3s ease infinite;
}

@keyframes thing {
  0% {
    background-position: 130%;
    opacity: 1;
  }

  to {
    background-position: -166%;
    opacity: 0;
  }
}

.top-white {
  position: absolute;
  border-radius: inherit;
  inset: 0 -8em;
  background: radial-gradient(
    circle at 50% -270%,
    #fff 45%,
    #fff6 60%,
    #fff0 60%
  );
  transition: inherit;
}

.inner::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  transition: inherit;
  box-shadow: inset 0px 2px 8px -2px #0000;
}

.frutiger-button:active .inner::after {
  box-shadow: inset 0px 2px 8px -2px #000a;
}

.text {
  position: relative;
  z-index: 1;
  color: white;
  font-weight: 550;
  transition: inherit;
}

h1 {
  font-family: 'Adult Swim', sans-serif;
  color:  black;
}

h2 {
  font-family: 'League', sans-serif;
  color: black;
}

@font-face {
  font-family: 'TF2';
  src: url(https://kids-sati.neocities.org/fonts/TF2.ttf);
}





 @font-face {
  font-family: 'League';
  src: url(https://kids-sati.neocities.org/fonts/LG.ttf);
}

h3 {
  font-family: 'Brookes', sans-serif;
  color: black;
}

h4 {
  font-family: 'Adult Swim', sans-serif;
  color: white;
}

h5 {
  font-family: 'Adult Swim', sans-serif;
  color: black;
}

h6 {
  font-family: 'Adult Swim', sans-serif;
  color: black;
}

li {
  font-family: 'TF2', sans-serif;
  color: black;
}

p {
  font-family: 'Adult Swim', sans-serif;
  color: white;
}

href {
  font-family: 'Adult Swim', sans-serif;
  color: black;
}

a:link {
  color: green;
  background-color: transparent;
  text-decoration: black;
}

a:visited {
  color: purple;
  background-color: transparent;
  text-decoration: black;
}

a:hover {
  color: red;
  background-color: transparent;
  text-decoration: underline;
}

a:active {
  color: yellow;
  background-color: transparent;
  text-decoration: underline;
}