/* Estilos específicos para la página Sobre mí */
/* Hereda estilos base de testimonials.css */

body{
    max-width:100vw;
    overflow-x: hidden;
}

#about_container {
    margin: 3rem 10lvw;
}

.about_section {
    margin: 2rem 0;
}

.about_section h2 {
    margin-bottom: 1rem;
}

.about_section p {
    font-size: max(1.2lvw, 1.2lvh, 15px);
    line-height: 1.6;
}

    #nameTitle span{
        display:block;
    }

#logoHero {
    fill: none;
    stroke: var(--highlight);
    stroke-width: 10px;
}

#technologies_container{
        display:flex;
        align-items:center;
        justify-content:space-around;
        width:100%;
    }

        .technology_icon{
            width:80px;
            opacity: 0;
            transform: translateY(30px);
        }

        .technology_icon:nth-child(4){
            width:96px;
        }


.testimonialImage{
    box-shadow: 0 0 0 .2rem var(--highlight);
    animation: borderito 5s ease-in-out infinite;
    border:1px solid var(--highlight)
}

@keyframes borderito{
    0%{ box-shadow: 0 0 100px -40px var(--highlight); }
    50%{ box-shadow: 0 0 100px -20px var(--highlight); }
    100%{ box-shadow: 0 0 100px -40px var(--highlight); }
}

.testimonialText p span{font-family:var(--headings_font)}

#howIAm{
    margin:6lvh 0;
}

    #howIAm ul, #languages ul{
        margin:2rem 0 !important;
    }

        #howIAm li, #languages li{
            margin:1rem 0;
            font-size:max(1.4lvw,1.4lvh,20px);
        }

#aboutContactForm .title{
    margin:0 10lvw;
}

@media (max-width:768px){
    #hero{
        margin-top:4lvh;
    }

        #logoHero{
            right:-35lvw;
        }

    #technologies_container{
        flex-wrap:wrap;
        gap:1rem;
    }
}