/* Estilos generales */
body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
}

header {
    background-color: #333;
    color: white;
    padding: 10px;
    text-align: center;
}

h1 {
    margin: 0;
}

/* Estilos para la barra de búsqueda */
#searchBar {
    width: 100%;
    padding: 5px;
}

/* Estilos para la lista de cursos */
#courseList {
    text-align: center;
    margin-top: 20px;
}

#courseList ul {
    list-style: none;
    padding: 0;
}

#courseList ul li {
    margin-bottom: 10px;
}

#courseList ul li a {
    text-decoration: none;
    color: #333;
    font-weight: bold;
}

/* Estilos para el formulario de subir apuntes */
#upload {
    text-align: center;
    margin-top: 20px;
}

#uploadForm {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#fileInput {
    margin-bottom: 10px;
}

/* Estilos para la sección de apuntes */
#apuntes {
    margin: 20px;
}

/* styles.css */
##mensaje {
#    width: 300px; /* Ancho del mensaje */
#    height: 50px; /* Alto del mensaje */
#    background-color: #333; /* Color de fondo */
#    color: white; /* Color del texto */
#    position: absolute;
#    top: 50%; /* Alinea verticalmente en el centro */
#    left: 100%; /* Inicialmente, fuera del área visible */
#    white-space: nowrap; /* Evita el salto de línea en el texto */
#    overflow: hidden; /* Oculta el contenido que desborda */
#    animation: mover 5s linear infinite; /* Inicia la animación */
#}

#@keyframes mover {
#    0% {
#        left: 100%; /* Comienza fuera del área visible (derecha) */
#    }
#    100% {
#        left: -200px; /* Termina completamente a la izquierda */
#    }
#}