* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    /*color: #003049; */
  }
  


.btn-platzi2 { 
    background-color: #96c93e31;
    color: white;
    
    
}
.btn-platzi2:hover {      /* boton llamado platzi 2 y el hover La pseudo-clase :hover de CSS coincide cuando el usuario interactúa con un elemento  */ 
    
    color: rgb(0, 0, 0);
    background-color: aliceblue;

}



.btn-toyo {

    background-color: #b100a3de;
    color: white;
    border-color: black;
}

.btn-toyo:hover {

    color: white;
    background-color: black;
    
}

.btn-platzi {
    background-color: #97c93e;
    color: white;
     
}



#header  img {
    width: 300px;
    padding-left: 10px;
    margin-left: 20px;
    
}



#main .carousel-inner img{
    max-height: 70vh;
    object-fit: cover;
    filter: grayscale(30%);
   
}

#carousel {
    position: relative;
}
#carousel .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    z-index: 1;
    }
 #carousel .overlay .container,
 #carousel .overlay .row {
    height: 100%;
 }


#footer{
    background: linear-gradient(90deg, #1c3643, #273b47 25%, #1e5372);
    
}



#footer a{
    color: white; 
}