html body{
    background: linear-gradient(to bottom right, rgb(6, 6, 117), rgb(146, 11, 155), rgb(208, 115, 131));
    /*background-image: url("../images/luna-2.png");*/
    background-size:cover;
    padding:0;
    margin:.0;
}

#icono-cerrar{
    width:auto;
    margin-top:2%;
    margin-right:10%;
}

.card{
    width:25%;
    margin:auto;
    cursor: pointer;
}

.texto-reels{
    color:black;
    margin-top:170%;
    font-size:110%;
}

.card-title{
    margin-top:99%;
    color:white;
}

.carousel-indicators{
    margin-top:-90px;
}

#lenguajes{
    width:50%;
}

#card-habilidades{
    width:30%;
    height:100vh;
    color:white;
    background-color: rgba(255, 255, 255, 0);
    /*box-shadow:0px 0px 10px rgb(215, 215, 215);*/
    border:none;
}

/* mobile or only mobile */
@media (max-width: 767px) {

    .card{
        margin-top:2%;
        width:100%;
        height:100vh;
        box-shadow:none;
    }

    #card-habilidades{
        width:100%;
        height:100vh;
    }

    #icono-cerrar{
        width:9%;
        float:right;
        margin-top:8%;
        margin-left:87%;
        position:fixed;
        z-index: 1;
    }

    .carousel-inner{
        width:100%;
    }
}