/* Fix for anchor overscrolling */
section {
    scroll-margin-top: 100px;
}

/* Navbar */
.navbar {
    backdrop-filter: blur(10px);
}

/* Hero */
#hero {
    position: relative;
    height: 80vh;
    overflow: hidden;
}

#hero video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.4);
}

/* Projects */
.project-card {
    transition: transform 0.25s ease;
}

.project-card:hover {
    transform: translateY(-6px);
}

.project-image {
    aspect-ratio: 4 / 3;
    overflow: hidden;
}

#overworld img{
    /* IE */
    -ms-interpolation-mode: nearest-neighbor;
    /* Firefox */
    image-rendering: crisp-edges;
    /* Chromium + Safari */
    image-rendering: pixelated;
}