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

body {
    background-color: #28282B;
    position: relative; /* Position relative for absolute positioning context */
    height: 100vh; /* Full viewport height */
    margin: 0; /* Remove default margin */
    display: flex; /* Flexbox for centering */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    flex-direction: column; /* Stack items vertically */
}

h1 {
    font-family: 'myfont';
    color: white;
    margin: 20px 0; /* Margin for spacing */
}

#leavepage {
    position: absolute; /* Position the link absolutely */
    top: 10px; /* Distance from top */
    left: 10px; /* Distance from left */
    color: white; /* Link color */
}

#main-content {
    text-align: center; /* Center the links */
}

#skill {
    font-size: 20px;
    font-family: 'myfont';
    color: rgb(235, 235, 235);
    display: block; /* Make each link a block element for better spacing */
    margin: 0px 0; /* Reduce margin between links */
}

.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;
}