textarea, button, div#preview{
    border-bottom: 2px solid rgb(33, 33, 33);
    border-right: 2px solid rgb(84, 84, 84);
    border-left: 2px solid grey;
    border-top: 2px solid white;
    color: black;

}

div#preview {
    width: max-content;
    padding-right: 80pt;
    padding-bottom: 50pt;
    height: fit-content;
}

@keyframes header {
    0% {
        color: hsl(0, 100%, 50%);
         transform: perspective(500px) translate3d(10px, 0, 20px) rotateY(0deg) rotateX(0deg);

    }

    25% {
        color: hsl(120, 100%, 50%);
        transform: perspective(500px) translate3d(10px, 0, 20px) rotateY(90deg) rotateX(90deg);

    }
    50% {
        color: hsl(256, 100%, 50%);
         transform: perspective(500px) translate3d(10px, 0, 20px) rotateY(180deg) rotateX(180deg);

    }
    99% {
         transform: perspective(500px) translate3d(10px, 0, 20px) rotateY(360deg) rotateX(0deg);

    }
    100% {
        color:hsl(0, 100%, 50%);
         transform: perspective(500px) translate3d(10px, 0, 20px) rotateY(360deg) rotateX(0deg);

    }
}

.header {
    animation: header 5s linear 0s infinite;
    font-size: xx-large;
    transform-origin: center;
    text-align: center;
}

body {
    background-color: black;
}

* {
    font-family: sans-serif;
    color: white;
}