html {
    background: linear-gradient(rgb(241, 9, 241), rgb(238, 147, 11));
}

input {
    box-shadow: 5px 5px 4px blue, 10px 10px 4px red, 15px 15px 4px green;
    animation: spin infinite 20s linear;
}

#sketch-holder {
    /* display: inline-block;
    /* shrink to fit */
    /* width: 100%; */
    /* whatever width you like */
    /* position: relative; */
}

#headertext {
    /* width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute; */
    /* top: 100; */
    /* left: 100; */
    /* width: 100%;
    height: 100%; */
    /* transform: scale(0.3); */
    /* transform: scale(0.8); */
}

.word {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.letter {
    margin: 15px;
}

#head {}

.gap {
    height: 5px;
    width: 20px;
}

.cell {}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}