.aboutme{display:flex;align-items:center;justify-content:space-between;gap:50px;width:100%}#slideshow{position:relative;height:100vh;overflow:hidden}.slide{position:absolute;top:20vh;left:20vh;width:100%;height:100%;opacity:0;transform:translateX(100%);transition:opacity 3s ease,transform 2s ease}.slide.active{opacity:1;transform:translateX(0)}.slide.exiting{opacity:0;transform:translateX(-100%)}.aboutme img{width:600px;height:600px;object-fit:cover;border-radius:25px;position:relative;z-index:2;box-shadow:0 10px 20px rgba(0,0,0,.3);transition:transform .3s ease,box-shadow .3s ease}.special-button{--border-width:1px;margin-top:5%;position:relative;display:flex;justify-content:center;align-items:center;width:250px;height:50px;font-family:Lato,sans-serif;text-transform:uppercase;color:#c8d8ec;background:#222;border-radius:20px;transition:all 1s ease-in-out;&:hover{background-color:transparent}&:after{position:absolute;content:"";top:calc(-1 * var(--border-width));left:calc(-1 * var(--border-width));z-index:-1;width:calc(100% + var(--border-width) * 2);height:calc(100% + var(--border-width) * 2);background:linear-gradient(60deg,#86b3ee,#478eeb,#1f72df,#478eeb,#86b3ee);background-size:300% 300%;background-position:0 50%;border-radius:20px;animation:moveGradient 4s infinite alternate}}@keyframes moveGradient{50%{background-position:100% 50%}}.aboutme>div{flex:0.8}.aboutme>div:nth-child(2){padding-right:10%}.aboutme-title{font-size:2.5rem!important;font-weight:700;margin-bottom:20px;color:#c8d8ec!important;text-shadow:2px 2px #0d1426}.aboutme p{font-size:1.1rem;line-height:1.8;margin-bottom:20px;color:#b7c2d39c}.aboutme p:last-child{margin-bottom:0}.aboutme span{font-weight:700;text-transform:uppercase}.aboutme-page-hero{display:flex;align-items:center;justify-content:space-between;gap:50px;width:70%;margin:7% auto 2%}.aboutme-page-hero-content,.aboutme-page-visual{width:100%;flex:1}.aboutme-page-hero-content{max-width:920px}.aboutme-page-slideshow{position:relative;min-height:640px;overflow:hidden}.aboutme-page-slide{position:absolute;top:20px;left:0;width:100%;opacity:0;transform:translateX(100%);transition:opacity 3s ease,transform 2s ease}.aboutme-page-slide.active{opacity:1;transform:translateX(0)}.aboutme-page-slide.exiting{opacity:0;transform:translateX(-100%)}.aboutme-page-mobile-image,.aboutme-page-slide img{width:100%;max-width:600px;height:600px;object-fit:cover;border-radius:25px;position:relative;z-index:2;box-shadow:0 10px 20px rgba(0,0,0,.3)}.aboutme-page-mobile-image{display:none;max-width:100%;height:auto;aspect-ratio:1/1;margin-bottom:30px}.aboutme-page-title{font-size:2.5rem!important;font-weight:700;margin-bottom:20px;color:#c8d8ec!important;text-shadow:2px 2px #0d1426;text-transform:uppercase;text-align:left}.aboutme-page-title span{animation:smoothColorChange 10s infinite}.aboutme-page-description{font-size:1.08rem;line-height:1.95;margin-bottom:18px;color:#d3d3d3;max-width:900px}.aboutme-page-actions{display:flex;align-items:center;gap:16px;margin-top:22px}.aboutme-cv-button{--border-width:1px;text-decoration:none;position:relative;display:flex;justify-content:center;align-items:center;width:100%;max-width:300px;height:55px;text-transform:uppercase;color:#c8d8ec;background:#222;border-radius:20px;transition:all 1s ease-in-out}.aboutme-cv-button:hover{background-color:transparent}.aboutme-cv-button:after{position:absolute;content:"";top:calc(-1 * var(--border-width));left:calc(-1 * var(--border-width));z-index:-1;width:calc(100% + var(--border-width) * 2);height:calc(100% + var(--border-width) * 2);background:linear-gradient(60deg,#9086ee,#773bd8,#531eaa,#773bd8,#9086ee);background-size:300% 300%;background-position:0 50%;border-radius:20px;animation:moveGradient 4s infinite alternate}.aboutme-cv-button span{display:inline-flex;margin-right:3%;color:#9086ee}@media screen and (max-width:800px){.aboutme-mobile-image{display:block}.global-section2{height:auto;padding-left:10%}.aboutme>div:first-child{display:none}.aboutme{display:block}.aboutme img{position:static;top:100%;height:300px;margin-top:25%;margin-bottom:20%}#slideshow{height:100%;overflow:hidden;margin-top:0}.slide{background-color:transparent}.aboutme div:first-child{position:static}.aboutme-title{text-align:center!important;line-height:1.4!important}.aboutme-page-hero{display:block;width:90%;margin-top:90px;margin-bottom:1rem}.aboutme-page-visual{display:none}.aboutme-page-mobile-image{display:block}.aboutme-page-title{text-align:left!important;line-height:1.2!important}.aboutme-page-description{text-align:justify;font-size:1rem;line-height:1.85}.aboutme p{font-size:1.1rem;line-height:1.8;margin-bottom:20px;color:#b7c2d39c;text-align:justify}.special-button{margin-top:15%;margin-bottom:30%;width:auto;height:50px}.aboutme-page-actions{display:block}.aboutme-cv-button{width:100%;max-width:none;margin-top:10%;margin-bottom:0}}