.background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../assets/image/cerber-bg.jpeg");
    background-repeat: repeat;
    animation: moveBackground 45s linear infinite;
}

@keyframes moveBackground {
    from {
        background-position: 0 0;
    }

    to {
        background-position: -685px 480px;
    }
}

@font-face {
    font-family: "Vividly-Extended";
    src: url("../assets/font/vividly_extended.ttf") format("truetype");
}

h1 {
    font-family: "Vividly-Extended";
    text-align: center;
    font-size: min(14vw, 7vh);
}

p {
    font-family: "Vividly-Extended";
    text-align: center;
    font-size: min(8vw, 4vh);;
}

.debug {
    border-style: solid;
    border-width: 5px;
    border-color: red;
}