:root{--brutalist-yellow:47 100% 67%;--brutalist-pink:322 100% 74%;--brutalist-blue:196 100% 50%;--brutalist-green:145 100% 45%;--brutalist-orange:24 100% 58%;--brutalist-purple:270 100% 70%;--sou-bg:47 100% 98%}.sou-root{background-color:hsl(var(--sou-bg));color:#000;min-height:100vh}.sou-root *{border-color:#000}.bg-brutalist-yellow{background-color:hsl(var(--brutalist-yellow))}.bg-brutalist-pink{background-color:hsl(var(--brutalist-pink))}.bg-brutalist-blue{background-color:hsl(var(--brutalist-blue))}.bg-brutalist-green{background-color:hsl(var(--brutalist-green))}.bg-brutalist-orange{background-color:hsl(var(--brutalist-orange))}.bg-brutalist-purple{background-color:hsl(var(--brutalist-purple))}.brutalist-shadow{transition:all .15s;box-shadow:4px 4px #000}.brutalist-shadow:hover{transform:translate(2px,2px);box-shadow:2px 2px #000}.brutalist-shadow-none{box-shadow:none}.brutalist-card{background-color:#fff;border:2px solid #000;padding:1rem;box-shadow:4px 4px #000}.brutalist-button{border:2px solid #000;padding:.5rem 1rem;font-weight:700;transition:all .15s;box-shadow:4px 4px #000}.brutalist-button:active{box-shadow:none;transform:translate(4px,4px)}