:root {
    --colorboton: #8BE8E5;
}

* {
margin: 0;
padding: 0;

}

body{
    background-color: #A084E8;
}

/* NAVBAR*/

.navbar {
    background-color: #6F61C0;
}
.navbar-brand {
    background-color: #6F61C0;
    color: #8BE8E5;
    font-size: 42px;
    border: none;
    padding: 2px;
}
.navbar-brand:hover {
    color: #45f06a;
    font-weight: bold;
    text-shadow: #000000 1px 1px 1px;
    transition: all cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s;
    
}
.nav-link {
    color: #8BE8E5;
    font-size: 24px;
}
.nav-link:hover{
    color: #D5FFE4;
    font-weight: bold;
    font-size: 30px;
    text-shadow: #000000 1px 1px 1px;
}
.btn-buscar{
    border-color: var(--colorboton);
    color: var(--colorboton) ;
}
.btn-buscar:hover{
    border-color: var(--colorboton);
    background-color: var(--colorboton);
    color: white ;
    font-weight: bold;
    text-shadow: #6F61C0 1px 1px 1px;
}

/* CARRUSEL*/
.h2carru{
    text-align: center;
    color: #8BE8E5;
    text-shadow: #000000 2px 1.5px 1px;
}
.h2carru:hover{
    
    color: #6F61C0;
    text-shadow: #000000 2px 1.5px 1px;
}
.carru, .card-text {
    
    color: #D5FFE4;
    text-shadow: #000000 1px 1px 1px;
}
.carru:hover{
    
    color: #8BE8E5;
  
    
}

/* PELICULAS*/
.card-body{
    background-color: #6F61C0;
    
    /* height: 23vh; */
}
.card-title  {
    
    padding: 3px;
    text-align: center;
}
.card-lista{
    border: none;
    margin: 0;
    padding: 0;
    transition: all cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s;
}
.card-lista:hover {
 
    transform: scale(1.05);

}

.card-header{
    background-color: #6F61C0;
    border: none;
    text-align: center;
}

/*  MODAL  */

.modal-header{
    background-color: #6F61C0;
}

.modal-body{
    background-color:#A084E8  ;
}

.modal-footer{
    background-color: #6F61C0;
}

.spinner-modal{
    height: 400px;
}