/* Django equivalent of Laravel's app.css */
[x-cloak] {
    display: none !important;
}

.grecaptcha-badge {
    visibility: hidden;
}

/* Font size utilities */
.font18px {
    font-size: 4vw;
}

.font22px {
    font-size: 2.5vw;
}

.font24px {
    font-size: 2.5vw;
}

.font26px {
    font-size: 2.6vw;
}

.font26pxnav {
    font-size: 2.6vw;
}

.font30px {
    font-size: 3vw;
}

.font32px {
    font-size: 3.1vw;
}

.font34px {
    font-size: 3.3vw;
}

.font36pxpoppins {
    font-size: 3.3vw;
}

.font36px {
    font-size: 3.5vw;
}

.font40px {
    font-size: 3.8vw;
}

.font44px {
    font-size: 4vw;
}

.font48px {
    font-size: 4.5vw;
}

.font56px {
    font-size: 5vw;
}

.font60px {
    font-size: 8vw;
}

.font70px {
    font-size: 6vw;
}

.font90px {
    font-size: 8vw;
}

.font100px {
    font-size: 8vw;
}

.font110px {
    font-size: 9vw;
}

.font114px {
    font-size: 10vw;
}

.font140px {
    font-size: 11vw;
}

.font160px {
    font-size: 12vw;
}

.font165px404 {
    font-size: 12vw;
}

@media (min-width: 768px) {
    .font22px {
        font-size: 0.85vw;
    }
    
    .font24px {
        font-size: 0.9vw;
    }
    
    .font26px {
        font-size: 1.1vw;
    }
    
    .font26pxnav {
        font-size: 0.95vw;
    }
    
    .font30px {
        font-size: 1.15vw;
    }
    
    .font32px {
        font-size: 1.175vw;
    }
    
    .font34px {
        font-size: 1.35vw;
    }
    
    .font36pxpoppins {
        font-size: 1.4vw;
    }
    
    .font36px {
        font-size: 1.4vw;
    }
    
    .font40px {
        font-size: 1.6vw;
    }
    
    .font44px {
        font-size: 1.75vw;
    }
    
    .font48px {
        font-size: 1.85vw;
    }
    
    .font56px {
        font-size: 2.15vw;
    }
    
    .font60px {
        font-size: 2.25vw;
    }
    
    .font70px {
        font-size: 2.65vw;
    }
    
    .font90px {
        font-size: 3.45vw;
    }
    
    .font100px {
        font-size: 3.85vw;
    }
    
    .font110px {
        font-size: 4.1vw;
    }
    
    .font114px {
        font-size: 4.35vw;
    }
    
    .font140px {
        font-size: 5vw;
    }
    
    .font160px {
        font-size: 6.65vw;
    }
    
    .font165px404 {
        font-size: 6.25vw;
    }
}

.isRoute {
    background-color: #F5F5F5;
}

.dark .isRoute {
    background-color: #191919;
}

#content :not(pre) > code {
    color: #080808;
}

.dark #content :not(pre) > code {
    color: white;
}

#curved-arrow path {
    stroke-dasharray: 250;
    stroke-dashoffset: 0;
    animation: animate-arrow 1.5s linear forwards;
    animation-direction: reverse;
}

@keyframes animate-arrow {
    from {
        stroke-dashoffset: 0;
    }
    to {
        stroke-dashoffset: 250;
    }
}