body{
    background-image: url("../img/web.png");
    background-size: cover;
    background-repeat: no-repeat;
}

.glass{
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) rgba(255, 255, 255, 0));
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 25px;
    border: 1px solid rgba(255, 255, 255, 0);
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0 , 0.37);
    height: 200px;
    width: 650px;
}

.card-title{
    color: white;
}

.cerrar{
    text-decoration: none;
    color: rgb(174, 0, 0);
}

.modal-body{
    background-color: rgb(255, 255, 255);
    background-size: cover;
    background-position: center;
    color: rgb(0, 0, 0);
    border-radius: 5%;
    
}

.modal-content{
    border-radius: 10%;
    background-color: transparent;
}


.form-control{
    background-color: transparent;
    border: 2px solid #ccc;
    color:rgb(41, 41, 41);
}