*, *::after, *::before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    font-family: Arial, Helvetica, sans-serif;
    background-color: rgba(221, 221, 221);
}
main {
    width: 500px ;
    margin: 5px auto;
}
table {
    width: 100%;
    border-collapse: collapse;
}
table tr:nth-child(even) {
    background-color: rgb(221, 221, 221);
}

table th:nth-child(even) {
    
    text-align: left;
}

table tr td {
    padding: 8px 5px;
    text-align: left ;
}
.input-container {
    margin: 25px 0;
   
    padding: 25px;
    border-radius: 8px;
}
.input-container input[type="search"] {
    padding: 12px 20px;
    border-radius: 5px;
    border: none;
        background-color: #cdcccc !important;
   
}

.bold{
	font-weight: bold;
	background-color:red !important;
}

.results-container{
	background-color: white;

    

	border-radius: 8px;

}

.text-dark {
    color: ##ffffff !important;
}

/* Pantallas pequeñas (móviles) */
@media (max-width: 576px ) {
    body {
        font-size: 14px; /* Ejemplo de ajuste de tamaño de fuente */
    }

    main {
    width: 200px  !important;
    margin: 5px auto;
    font-size: 10px;
}
}

/* Pantallas medianas (tabletas) */
@media (min-width: 576px) and (max-width: 992px) {
    /* Estilos específicos para tabletas */

}

/* Pantallas grandes (escritorio) */
@media (min-width: 992px) {
    /* Estilos específicos para pantallas de escritorio */
}