canvas {
    position: absolute;
    width: 50%;
    height: 50%;
}

#pinkboard {
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.namebox {
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #cda6f8;
    text-shadow: 0 0 0.5vh #a553f1, 0 0 1vh #a553f1, 0 0 1.5vh #a553f1, 0 0 2vh #a553f1, 0 0 3vh #a553f1, 0 0 4vh #a553f1, 0 0 5.5vh #a553f1, 0 0 7.5vh #a553f1;
    font-family: "Great Vibes", cursive;
    font-weight: bold;
    font-size: 2.5vh;

    animation: pulse 2s ease-in-out infinite;
}

@keyframes pulse {
    0% {
        transform: translate(-50%, -50%) scale(1);
    }

    50% {
        transform: translate(-50%, -50%) scale(1.15);
    }

    100% {
        transform: translate(-50%, -50%) scale(1);
    }
}

@keyframes fadeIn {
    to {
        opacity: 1;
    }
}