/* General */
body {
    background-color: #000000; 
    color: #ffffff; 
    font-family: 'Press Start 2P', cursive;
    animation: fadeIn 0.4s ease-in-out; 
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

/* Barra de navegación */
.navbar {
    background-color: #6a0dad; 
}

.nav-link {
    color: #ffffff; 
}

.nav-link:hover {
    color: #ff0000; 
}

.navbar-gif {
    height: 70px; 
    margin-left: 15px; 
    vertical-align: middle; 
}

/* Tarjetas */
.card {
    background-color: #333333; 
    border: 1px solid #ff0000; 
    margin-bottom: 20px; 
}

.card-title {
    color: #ffffff; 
}

/* Videos */
.video-size {
    width: 100%; 
    height: 100%; 
    max-height: 700px; 
    object-fit: cover; 
}

/* Imágenes */
.img-size {
    width: 100%; 
    height: auto; 
    max-height: 500px; 
    object-fit: cover; 
}

/* Footer */
footer {
    background-color: #6a0dad; 
    color: #ffffff; 
    margin-top: auto;
}

/* Botones */
.btn-primary {
    border-color: #ff0000; 
}

.btn-primary:hover {
    background-color: #6a0dad; 
    border-color: #6a0dad; 
}

/* Imagenes */
.img-fluid {
    max-width: 100%; 
    height: auto; 
}

/* Animacion */
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Alineacion de la imagen*/
.row.align-items-center {
    display: flex;
    align-items: center;
}

.text-center {
    text-align: center;
}

/* Estilos para cada pagina */

/* Index */
.index h1, .index h2, .index h3, .index h4, .index h5, .index h6 {
    color: #6a0dad; 
    border-color: #ffffff;
}

/* Sobre mí */
.sobre-mi h1, .sobre-mi h2, .sobre-mi h3, .sobre-mi h4, .sobre-mi h5, .sobre-mi h6 {
    color: #6a0dad; 
    border-color: #ffffff;
}

/* Portafolio */
.portafolio h1, .portafolio h2, .portafolio h3, .portafolio h4, .portafolio h5, .portafolio h6 {
    color: #6a0dad; 
    border-color: #ffffff;
}

/* Piezas Visuales */
.piezas-visuales .card {
    
    width: 100%;
    min-height: 350px;
}

/* Servicios */
.servicios h2 {
    color: #6a0dad; 
}

.servicios .list-unstyled li strong {
    color: #ffcc00; 
}

/* Contacto */
.contacto h1, .contacto h2, .contacto h3, .contacto h4, .contacto h5, .contacto h6 {
    color: #6a0dad; 
    border-color: #ffffff;
}