:root{--white:#fff;--dark:#000910;--gray:#565e64;--paynes-gray:#4f5d75;--blue:#3066be;--linen:#FFF0E6;--folly:#ff1f66;--bright-pink:#ff4d6d;--french-pink:#ff5d8f;scroll-behavior:smooth}*::-webkit-scrollbar{width:10px}*::-webkit-scrollbar-track{background:var(--dark)}*::-webkit-scrollbar-thumb{background-color:var(--white);border-radius:20px;border:2px solid var(--dark)}::selection{background:var(--blue);color:var(--white)}body{color:var(--white);background:var(--white);font-family:"Nunito",sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal}section{color:var(--white);background-color:var(--dark);padding:59px 0;overflow:clip}.section-title h2{position:relative;font-size:32px;margin-bottom:20px;padding-bottom:20px}.section-title h2:after{content:"";background:var(--bright-pink);position:absolute;display:block;width:50px;height:3px;left:0;bottom:0}header{color:var(--white);background-color:var(--dark);position:fixed;top:0;left:0;bottom:0;width:300px;transition:all ease-in-out 0.3s;overflow-y:auto;z-index:997;border-right:2px solid color-mix(in srgb,var(--linen),transparent 90%)}header .profile img{display:block;width:100%;height:auto;max-width:125px;border:4px solid color-mix(in srgb,var(--folly),transparent 10%)}header h1{color:var(--white);transition:0.3s ease}header h1:hover{color:var(--bright-pink)}@media (min-width:1200px){header~main,header~footer{margin-left:300px}}@media (max-width:1199px){header{left:-100%}}header.header-show{left:0}header .header-toggle{color:var(--white);background-color:var(--folly);display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:22px;border-radius:50%;cursor:pointer;position:fixed;top:15px;right:15px;z-index:9999;transition:background-color 0.3s ease}header .social-links a{color:var(--white);background:color-mix(in srgb,var(--folly),transparent 10%);font-size:15px;display:inline-flex;justify-content:center;align-items:center;text-align:center;width:30px;height:30px;transition:0.3s ease}header .social-links a:hover{background:var(--bright-pink)}.mobile-nav-toggle{display:none}.nav-menu{z-index:9997}.nav-menu a,.nav-menu a:focus{width:100%;color:var(--gray);padding:15px 0;font-size:17px;font-weight:500;display:flex;align-items:center;white-space:nowrap;transition:0.3s ease}.nav-menu a:hover{color:var(--bright-pink);transform:scale(1.05)}.nav-menu .active,.nav-menu .active:focus{color:var(--white)}.home{width:100%;min-height:100vh;position:relative;padding:80px 0}.home img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;z-index:1}.home:before{content:"";background:color-mix(in srgb,var(--dark),transparent 70%);position:absolute;inset:0;z-index:2}.home .container{position:relative;z-index:3}.home .container h2{font-size:54px;color:var(--white)}.home .container p{font-size:26px}.home .container p span{letter-spacing:1px;border-bottom:2px solid var(--bright-pink)}@media (max-width:768px){.home .container h2{font-size:34px}.home .container p{font-size:20px}}.about{color:var(--dark);background-color:var(--white)}.about .container img{width:100%;height:auto;max-width:340px}.about .container p{text-align:justify}.about .content ul li{margin-bottom:20px;display:flex;align-items:center}.about .content ul li{transition:0.3s ease}.about .content ul li:hover{color:var(--bright-pink);letter-spacing:.5px}@media (max-width:768px){.about .container .profile-img{text-align:center}}.resume{color:var(--dark);background-color:#f4fafd}.resume .resume-title{font-size:24px}.resume .resume-item{position:relative;padding:0 0 20px 20px;margin-top:-2px;border-left:2px solid var(--folly)}.resume .resume-item h4{font-size:18px;font-weight:700;line-height:18px;text-transform:uppercase;color:var(--folly)}.resume .resume-item h5{font-size:16px;font-weight:600;padding:5px 15px;margin-bottom:10px;display:inline-block}.resume .resume-item p em a{font-size:18px;font-weight:600;color:var(--folly);text-decoration:none;transition:0.3s ease}.resume .resume-item p em a:hover{color:var(--french-pink)}.resume .resume-item ul{padding-left:20px}.resume .resume-item ul li{font-size:16px;text-align:justify;padding-bottom:10px}.resume .resume-item:last-child{padding-bottom:0}.resume .resume-item::before{content:"";position:absolute;left:-9px;top:0;width:16px;height:16px;border-radius:50px;background:var(--folly);border:2px solid var(--folly)}.references{color:var(--dark);background-color:var(--white)}.references .references-item{position:relative}.references .references-item .icon{background:var(--folly);display:flex;justify-content:center;align-items:center;width:48px;height:48px;border:1px solid var(--folly);transition:0.5s ease}.references .references-item .icon svg{color:var(--white);font-size:24px}.references .references-item:hover .icon{background:var(--white);border:1px solid var(--paynes-gray)}.references .references-item:hover .icon svg{color:var(--paynes-gray)}.references .references-item .title{font-size:18px;font-weight:700;text-align:justify}.references .references-item .position{font-size:16px;font-weight:600;text-align:justify;line-height:1.5}.references .references-item .description a{color:var(--folly);transition:0.3s ease}.references .references-item .description a:hover{color:var(--french-pink)}.waves{background-color:var(--white);position:relative;width:100%;height:13vh;margin-bottom:-4px;min-height:85px;max-height:150px;overflow:hidden}.parallax>use{animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite}.parallax>use:nth-child(1){animation-delay:-2s;animation-duration:7s}.parallax>use:nth-child(2){animation-delay:-3s;animation-duration:10s}.parallax>use:nth-child(3){animation-delay:-4s;animation-duration:13s}.parallax>use:nth-child(4){animation-delay:-5s;animation-duration:20s}@keyframes move-forever{0%{transform:translate3d(-90px,0,0)}100%{transform:translate3d(85px,0,0)}}@media (max-width:768px){.waves{height:40px;min-height:40px}}footer{color:var(--dark);background-color:var(--white);font-size:14px;position:relative}footer .copyright .credits a{color:var(--folly);text-decoration:none;transition:0.3s ease}footer .copyright .credits a:hover{color:var(--french-pink)}@media screen and (max-width:768px){[data-aos-delay]{transition-delay:0!important}}