/* General Styles */
html {
    background-color: #f8f9fa;
}

/* Preloader */
.preloader {
    align-items: center;
    background-color: #f8f9fa;
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    transition: opacity 0.2s linear;
    width: 100%;
    z-index: 9999;
    opacity: 1;
    transform: opacity 1s linear;

    animation: text-grow 1s ease-in-out infinite;
    transition: transform 0.3s;
}

@keyframes text-grow {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1); /* Aumenta el tamaño en un 10% */
    }
    100% {
        transform: scale(1);
    }
}

/* Navbar */
nav .brand {
    color: rgb(55, 60, 68);
    text-decoration: none;
    width: 5rem;
}

/* Modifications  to spacing on horizontal line */
hr {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

/* Utility Classes */
.hide-on-mobile {
    display: block;
}

.hide-on-tablet {
    display: block;
}

/* Phone */
@media (max-width: 768px) {
    .hide-on-mobile {
        display: none !important;
    }
}

/* Tablet */
@media (max-width: 1023px) {
    .hide-on-tablet {
        display: none !important;
    }
}

/* Footer */
.footer {
    margin-top: 3rem;
}

.footer-text {
    margin: 0;
    color: #6b7280;
}

.footer-text a {
    color: #6b7280;
    text-decoration-color: #6b7280;
}