@font-face {
src: url(https://files.catbox.moe/vyd4m6.ttf);
font-family: out;
}

@font-face {
src: url(https://files.catbox.moe/goapkb.ttf);
font-family: kiddos;
}


main {
 width: 500px;
 margin: auto;
}

:root[data-theme="light"] {
--text: white;
    --color: black;
    --background: white;
    --cont: black;
}

:root[data-theme="dark"] {
--text: black;
    --color: white;
    --background: black;
    --cont: white;
}

body {
 background: var(--background); 
}

.text-container {
 background: var(--cont); 
  border: 2px dashed var(--text);
  p, b, i, a {
  color: var(--text); 
   text-align: center;
    font-size: 23px;
  }
}

*, a {
 color: var(--color); 
 font-family: kiddos;
}

.button, .button:hover {
 background: none; 
 color: var(--color);
}

.site-footer, .paste-info {
 display: none; 
}

#jerk {
 animation: jerk 1.5s step-end infinite;
 display: flex;
 justify-content: center;
    }
    
@keyframes jerk {
 
0% {
 transform: rotate(-2deg);
 }
 50% {
 transform: rotate(0deg);
 }
}