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

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

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

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

mark {
 background: rgba(140, 140, 140, 0.3); 
}

.text-container {
  text-align: center;
  background: transparent;
  color: var(--color);
  border-image-slice:
34 36 34 41;
border-image-width:
20px 20px 20px 20px;
border-image-outset:
0px 0px 0px 0px;
border-image-repeat:
stretch stretch;
border-image-source:
url("https://i.postimg.cc/SKxfR8RD/sss.gif");
border-style:
solid;
}


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

a {
 text-decoration: underline; 
}

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

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

.site-footer {
 display: none; 
}