body {
    font-size: 1rem;
    /* 16px */
}

/* container fonts */
.font-cont,
.left-container,
.right-container,
.bottom-container {
    font-family: "Share Tech Mono", monospace;
    font-size: 2.5rem;
    color: white;
}

/* trying to make the website fit all screens i guess*/
.center-container {
    max-width: 80vw;
    margin: 0 auto;
}

.left-container,
.right-container,
.bottom-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    flex-direction: column;
    padding: 10px;
}


    /* styles and stuff for the text */
    p {
        text-shadow: 5px 5px 5px black;
    }

    p:hover {
        color: rgb(83, 15, 83);
    }

    /* floating animation for the text */
    .floating {
        position: relative;
        animation: float 5s ease-in-out infinite;
    }

    @keyframes float {
        0% {
            transform: translateY(0);
        }

        50% {
            transform: translateY(-20px);
        }

        100% {
            transform: translateY(0);
        }
    }

    .doto-semibold {
        font-family: "Doto", serif;
        font-optical-sizing: auto;
        font-weight: 400;
        font-style: normal;
        font-variation-settings:
            "ROND" 0;
    }

    .vt323-regular {
        font-family: "VT323", serif;
        font-weight: 400;
        font-style: normal;
    }

    .share-tech-mono-regular {
        font-family: "Share Tech Mono", monospace;
        font-weight: 400;
        font-style: normal;
    }