/*
    This CSS file contains style rules for the index.html elements.
    It is written in standard CSS syntax, not SCSS, meaning it does not use features like variables, nesting, or mixins that are available in SCSS.
    The styles here are directly interpreted by browsers without any preprocessing.
*/
#app-loader {
    opacity: 1;
    transition: opacity 0.3s;
}

.spinner {
    width: 40px;
    height: 40px;
    border: 4px solid #ccc;
    border-top: 4px solid #333;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin: 100px auto;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}