@font-face {
    font-family: 'myfont'; /*a name to be used later*/
    src: url('../fonts/OafedoChill.otf') /*URL to font*/
}

body {
    background-color: #28282B;
    display: flex; /* Use flexbox for centering */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    height: 100vh; /* Full viewport height */
    margin: 0; /* Remove default margin */
    position: relative; /* Positioning context for absolute elements */
}

#content {
    display: flex;
    flex-direction: column; /* Stack items vertically */
    align-items: center; /* Center items horizontally */
}

h1 {
    font-family: 'myfont';
    white-space: nowrap;
    text-align: center;
    color: white;
}

p {
    overflow: auto;
    font-size: 20px;
    font-family: 'myfont';
    text-align: center;
    color: white;
    transition: all 310ms;
}

a {
    position: absolute; /* Position the link absolutely */
    top: 10px; /* Adjust to desired distance from top */
    left: 10px; /* Adjust to desired distance from left */
    color: white; /* Link color */
}

.content--canvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none; /* Prevents the canvas from capturing mouse events */
    z-index: -1;
}