/*Variables*/
*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}


:root{
    --primary-color: #333333; 
    --secundary-color: #757575;
    --bs-body-font-family: 'Lato', sans-serif;
    --second-color: #A1838B;
    --third-color: #895fb8;
    --fourth-color:#E2A391;
    --whites: #FFF;

    background: #ECE9E6;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #FFFFFF, #ECE9E6);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #FFFFFF, #ECE9E6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

html{
    scroll-behavior: smooth;
}

body {
    font-family: var(--bs-body-font-family);
}

a{
    color: var(--third-color);
}

section{
    position: relative;
}

.nav-link{
    color: var(--secundary-color);
}

.container-main{
    height: 100vh;
    overflow: hidden;
    overflow-y: auto;
    perspective: 10px; 
}

/*arriba*/
.custom-shape-divider-bottom-1681344536 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-1681344536 svg {
    position: relative;
    display: block;
    width: calc(112% + 1.3px);
    height: 109px;
}

.custom-shape-divider-bottom-1681344536 .shape-fill {
    fill: #895FB8;
}



.hero{
    min-height: 100vh;
    
}

.btn-hero:hover{
    color: var(--third-color);

}




#aboutMe{
    min-height: 100vh;
    color: var(--whites);
    background-color: var(--third-color);

}

.titles{
    color: var(--primary-color);
    line-height: 1.3;
    letter-spacing: -0.04em;

}
 
.ocupation{
 color:var(--third-color);
 opacity: .7;
 line-height: 1.3;
 letter-spacing: -0.06em;   
}

.btn-hero i:hover{
    color:var(--third-color);
}

.profile-img img{
    width: 300px;
    height: 300px;
    object-fit: cover;
    border-radius: 50%;
    border: thin solid var(--primary-color);
    

    

}


.bi-linkedin{
   width: 50px;
   height: 50px; 
}

.hello-world{
    color: var(--secundary-color);
    letter-spacing: -0.06em;
}


.row-tools img{
    width: 100px;
    height: 100px;
}


.card-img-top{
max-height: 20vh;
object-fit: cover;
opacity: .5;
}

.btn-eye{
   color: var(--third-color);
   background-color: var(--primary-color); 
}

.btn-repo{
    color: var(--third-color);
    background-color: var(--primary-color); 
}


#footer{
    background-color: rgb(32, 31, 31);
}

.footer-text{
    font-size: smaller;
    font-family: var(--bs-body-second-font-family);
    font-weight:100;
}