body{
    /* background-image: linear-gradient(to top left, #6e56c0, #00fff2); */
    background-image: linear-gradient(to top left, #6e56c0, #000000,  #000000);
    margin: 0;
    height: 100vh;
    

}
.contai{
    display: flex;
    height: 100vh;
    

}

.navbar.navbar-expand-lg.navbar-light{
    width: 18%;
    background-image: linear-gradient(to top left,  #2b224c,  #100e13, #000000);

    
  
}

.navbar.navbar-expand-lg.navbar-light .container{
    /* background-color: yellow; */
    /* background-color: transparent; */
    padding: 90px 0px;
    height: 100% ;
    text-align: center;
    justify-content: space-between;
    

}
.navbar.navbar-expand-lg.navbar-light div {
    flex-direction: column ;
    width: 100%;
    margin: 0px;
    /* background-color: #2b2a2a; */
    /* background-color: red; */

}

.navbar.navbar-expand-lg.navbar-light ul {
    flex-direction: inherit ;
    /* background-color: rgb(0, 89, 255); */
    
    width: inherit;

}

.navbar.navbar-expand-lg.navbar-light img{
    justify-self: stretch;

}


.navbar.navbar-expand-lg.navbar-light a.navbar-brand{
    border: none;

}

.navbar.navbar-expand-lg.navbar-light a{
    width: inherit;
    text-decoration: none;
    font-size: 18px;
    color: white;
    /* border-bottom: solid 1px;
    border-color: #7d7d7d; */
    margin: 15px;
    

}

.container-fluid.div-experiencias.experiencias .row{
    align-items: center;
    justify-content: center;
}

main{
    overflow: scroll;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;

}
main::-webkit-scrollbar {
  display: none;
}

section{
    width: 100%;
}

section#home{
    background-image: linear-gradient(rgb(0 0 0 / 68%), rgb(0 0 0 / 62%)), url(../img/bg_home5.jpg);
    background-size: cover;
    background-position: center;
    display: flex;
    background-repeat: no-repeat;
    height: 100vh;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white ;
    font-size: 60px;
}

section#sobre{
    padding-top: 3%;
    background-position: center;
    display: flex;
    background-repeat: no-repeat;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white ;

}


.imgaaaa{ 
    width: 200px
}

footer{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}