/*canvas {
    width: 100%;
    height: 100%;
    display: block;
}*/

@media (max-width: 640px) {
    html {
        font-size: 8pt;
    }

}

@media not (max-width: 640px) {
    html {
        font-size: 12pt;
    }

}

.text-xl {
    font-size: clamp(1rem, -0.997rem + 2.809vw, 3.5rem);
}

.watermark {
    z-index: 150;
    position: absolute;
    left: 0;
    top: 0;
    width: 80%;
    height: 80%;
    text-align: center;
    opacity: 12%;
    transform: rotate(-17deg);
    translate: 15% 5%;
    font-weight: 900;
    font-size: 11.5vw;
    overflow: hidden;
    mix-blend-mode: color-burn;
    color: #000088;
}