@font-face {
    font-family: 'Minecraft';
    src: url('https://assets.mixkit.co/fonts/preview/Minecraft.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.font-minecraft {
    font-family: 'Minecraft', sans-serif;
}

/* Pixel art styling for buttons */
.btn-pixel {
    position: relative;
    border: 4px solid #000;
    box-shadow: 8px 8px 0 rgba(0, 0, 0, 0.2);
    transition: all 0.1s ease;
}

.btn-pixel:hover {
    transform: translate(2px, 2px);
    box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.2);
}

.btn-pixel:active {
    transform: translate(4px, 4px);
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.2);
}

/* Minecraft-like block styling */
.block {
    position: relative;
    background-color: #8B5A2B;
    border-top: 4px solid #A67C52;
    border-left: 4px solid #A67C52;
    border-right: 4px solid #5D4037;
    border-bottom: 4px solid #5D4037;
}

/* Animation for foxes in background */
@keyframes fox-walk {
    0% { transform: translateX(-100px); }
    100% { transform: translateX(calc(100vw + 100px)); }
}

.fox-animation {
    position: fixed;
    bottom: 10%;
    width: 100px;
    height: 100px;
    background-image: url('http://static.photos/nature/200x200/42');
    background-size: contain;
    animation: fox-walk 30s linear infinite;
    z-index: -1;
    opacity: 0.7;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .fox-animation {
        display: none;
    }
}