@charset "UTF-8";*{box-sizing:border-box;margin:0;font-family:Montserrat,Arial,sans-serif}main{display:flex;flex-direction:column;align-items:center;justify-content:center}strong{color:#c0a4ebcc;font-size:22px}@media (max-width: 375px){strong{font-size:14px}}.section{height:100vh;width:90%;display:flex;justify-content:center;align-items:center}@media (max-width: 1080px){.section{margin:0 20px}}.App{height:100%;position:relative}:root{min-height:100%;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#ffffffde;text-decoration:inherit}a:hover{color:#535bf2;transition:color .4s ease}html,body{margin:0;min-width:100vw;height:100vh;overflow-x:hidden;scroll-behavior:smooth}body::-webkit-scrollbar{display:none}html{overflow-y:scroll}@media (max-width: 768px){body{touch-action:pan-y}}h1{font-size:3.2em;line-height:1.1}@media (prefers-color-scheme: light){:root{color:#fff;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.title__landing{position:relative;text-align:center}.title__landing:after{content:"";position:absolute;margin-top:20px;top:100%;left:50%;transform:translate(-50%);width:50%;height:2px;background-color:#c0a4ebcc}@keyframes load{0%{-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);background-color:#fffc;opacity:1;z-index:99}20%{background-color:#fff6}88%{opacity:1;background-color:#fff3;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px)}to{opacity:0;z-index:99}}@keyframes logoAppear{0%{transform:scale(3)}20%{transform:scale(1);transform:translate(0)}50%{transform:translate(-300px);opacity:1}90%{transform:translate(-250px);opacity:1}to{transform:translate(-2000px);opacity:0}}@keyframes firstNameAppear{0%{opacity:0;transform:translate(80px)}20%{opacity:0}50%{transform:translate(180px);opacity:1}80%{opacity:1}90%{transform:translate(150px)}to{transform:translate(2000px)}}@keyframes lastNameAppear{0%{opacity:0;transform:translate(80px)}25%{opacity:0}50%{transform:translate(180px);opacity:1}60%{opacity:1}80%{transform:translate(150px)}to{transform:translate(2000px)}}@keyframes logoAppear-tablet{0%{transform:scale(3)}20%{transform:scale(1);transform:translate(0)}50%{transform:translate(-100px);opacity:1}90%{transform:translate(-90px);opacity:1}to{transform:translate(-2000px);opacity:0}}@keyframes firstNameAppear-tablet{0%{opacity:0;transform:translate(70px)}20%{opacity:0}50%{transform:translate(130px);opacity:1}80%{opacity:1}90%{transform:translate(120px)}to{transform:translate(2000px)}}@keyframes lastNameAppear-tablet{0%{opacity:0;transform:translate(60px)}25%{opacity:0}50%{transform:translate(120px);opacity:1}60%{opacity:1}80%{transform:translate(115px)}to{transform:translate(2000px)}}@keyframes logoAppear-mobile{0%{transform:scale(3)}20%{transform:scale(1);transform:translate(0)}50%{transform:translate(-100px);opacity:1}90%{transform:translate(-90px);opacity:1}to{transform:translate(-2000px);opacity:0}}@keyframes firstNameAppear-mobile{0%{opacity:0;transform:translate(15px)}20%{opacity:0}50%{transform:translate(70px);opacity:1}80%{opacity:1}90%{transform:translate(60px)}to{transform:translate(2000px)}}@keyframes lastNameAppear-mobile{0%{opacity:0;transform:translate(15px)}25%{opacity:0}50%{transform:translate(60px);opacity:1}60%{opacity:1}80%{transform:translate(50px)}to{transform:translate(2000px)}}.loader{position:fixed;top:0;left:0;z-index:-2;height:100%;width:100%;opacity:1;animation:load 3s ease-in-out;background-color:#000}.loader__container{position:relative;display:flex;justify-content:center;align-items:center;height:100%}.loader__logo{position:absolute;color:#fff9;height:200px;transform:translate(-230px);animation:logoAppear 2.5s ease-in-out;opacity:0}.loader__name{font-size:38px;color:#c0a4ebcc;font-style:italic}.loader__name h2{line-height:normal}.loader__firstName{font-weight:400;animation:firstNameAppear 2s ease-in-out .5s;opacity:0}.loader__lastName{animation:lastNameAppear 2s ease-in-out .7s;opacity:0}@media (max-width: 1080px){.loader__logo{height:100px;animation:logoAppear-tablet 2.5s ease-in-out;transform:translate(-50px)}.loader__name{font-size:20px}.loader__firstName{animation:firstNameAppear-tablet 2s ease-in-out .5s}.loader__lastName{animation:lastNameAppear-tablet 2s ease-in-out .7s}}@media (max-width: 768px){.loader__logo{height:60px;animation:logoAppear-mobile 2.5s ease-in-out;transform:translate(-50px)}.loader__name{font-size:14px}.loader__firstName{animation:firstNameAppear-mobile 2s ease-in-out .5s}.loader__lastName{animation:lastNameAppear-mobile 2s ease-in-out .7s}}.header{position:fixed;top:0;left:0;width:100%;height:75px;display:flex;align-items:center;z-index:10}@media (max-width: 768px){.header{transition:none;right:0;top:0;left:0;border-radius:0;-webkit-backdrop-filter:blur(19px);backdrop-filter:blur(19px);background-color:#00000080;box-shadow:0 0 40px #000c}}@media (max-width: 548px){.header{height:55px}}.Title__name{display:flex;flex-direction:column}.Title__name h2{font-family:Josefin Sans,Arial,Helvetica,sans-serif;font-size:32px;line-height:1;font-style:italic;color:#c0a4eb;z-index:40}@media (max-width: 1080px){.Title__name h2{font-size:24px}}@media (max-width: 548px){.Title__name h2{font-size:20px}}@media (max-width: 375px){.Title__name h2{font-size:18px}}.first__name{font-weight:300}.last__name{font-weight:700}.logo{width:80px;z-index:99}@media (max-width: 768px){.logo{width:65px}}@media (max-width: 548px){.logo{width:50px}}@media (max-width: 375px){.logo{width:45px}}.title__section{display:flex;justify-content:center;align-items:center;gap:20px;position:absolute;z-index:10;left:50%;padding:10px 50px;transform:translate(-45%);transition:transform .3s ease-in-out,-webkit-backdrop-filter .3s ease-in-out;transition:backdrop-filter .3s ease-in-out,transform .3s ease-in-out;transition:backdrop-filter .3s ease-in-out,transform .3s ease-in-out,-webkit-backdrop-filter .3s ease-in-out}.title__section:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0006;box-shadow:0 0 8px #c0a4ebcc;border-radius:0 0 70px 70px;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:-1}@media (max-width: 768px){.title__section:after{display:none}}@media (max-width: 1080px){.logo-in-nav{display:none}}.nav{position:absolute;left:-250px;top:0;width:250px;height:100vh;background:#19151fcc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:50px;transition:transform .3s ease-in-out;border-radius:0 70px 70px 0}@media (max-width: 548px){.nav{border-radius:0;left:-100%;width:100%}}.nav__menu{display:flex;flex-direction:column;align-items:center;flex-grow:1}.nav__menu a{font-size:24px}.nav__menu img{margin-top:3em;width:75px;height:75px;cursor:pointer}.nav__links{margin-top:-3em;gap:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1}.nav--visible{transform:translate(250px)}@media (max-width: 548px){.nav--visible{transform:translate(100%)}}.nav:not(.nav--visible)~#hamburger{transform:translate(0)}.hamburger-lines{display:block;height:27px;width:34px;position:absolute;left:20px;z-index:99;display:flex;flex-direction:column;justify-content:space-between}@media (max-width: 548px){.hamburger-lines{height:18px;width:22px;gap:4px}}.hamburger-lines .line{display:block;height:4px;width:100%;border-radius:10px;background:#fff}.hamburger-lines .line1{transform-origin:0% 0%;transition:transform .4s ease-in-out}.hamburger-lines .line2{transition:transform .2s ease-in-out}.hamburger-lines .line3{transform-origin:0% 100%;transition:transform .4s ease-in-out}.line1.open{transform:rotate(45deg)}.line2.open{transform:scaleY(0)}.line3.open{transform:rotate(-45deg)}.Welcome{position:relative;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:100px 200px;z-index:1}@media (max-width: 1460px){.Welcome{padding:20px 20px 40px;max-width:90%}}.Welcome:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0006;box-shadow:0 0 20px #c0a4eb99;border-radius:600px 30px;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:-1}@media (max-width: 1080px){.Welcome:after{border-radius:100px 20px}}.Welcome h1{font-size:62px;margin-bottom:100px;position:relative;z-index:1}@media (max-width: 1460px){.Welcome h1{font-size:32px;margin-bottom:40px}}@media (max-width: 1080px){.Welcome h1{font-size:24px}}@media (max-width: 768px){.Welcome h1{font-size:18px}}.Welcome h1:after{content:"";position:absolute;margin-top:20px;top:100%;left:50%;transform:translate(-50%);width:20%;height:3px;border-radius:5px;background-color:#c0a4eb}@media (max-width: 1080px){.Welcome h1:after{margin-top:7px;height:2px}}.Welcome a{color:#c0a4eb}.Welcome a:hover{color:#9774d8}.Welcome p{z-index:1;font-weight:300;font-size:20px;font-family:Poppins}@media (max-width: 1460px){.Welcome p{font-size:16px;max-width:80%}}@media (max-width: 1080px){.Welcome p{font-size:12px;max-width:none}}@media (max-width: 1460px){.Welcome strong{font-size:19px}}@media (max-width: 1080px){.Welcome strong{font-size:14px}}@media (max-width: 768px){.Welcome strong{font-size:13px}}.contentHome{display:flex;flex-direction:column;align-items:center;gap:20px}.Card{position:relative;margin-top:100px;display:flex;max-width:450px;background-color:#0009;border-radius:55px;border:solid 3px rgba(192,164,235,.8)}@media (max-width: 768px){.Card{width:70%;max-width:350px;flex-direction:column;margin-left:50px}}@media (max-width: 548px){.Card{width:90%;border-radius:40px;margin-left:0}}@media (max-width: 375px){.Card{border-radius:30px}}.Card img{height:350px;border-radius:25px;position:absolute;bottom:17%;left:-80px}@media (max-width: 1080px){.Card img{bottom:17%;left:-100px;border-radius:800px;max-height:200px;width:200px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border:solid 10px rgba(192,164,235,.4)}}@media (max-width: 548px){.Card img{left:95px;bottom:0;top:-75px;border-radius:800px;max-height:150px;width:150px}}@media (max-width: 375px){.Card img{left:72px;bottom:0;top:-75px;border-radius:800px;max-height:150px;width:150px}}.Card__content{margin-left:150px;height:500px;display:flex;flex-direction:column;justify-content:center;gap:50px;padding:20px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;text-wrap:pretty}@media (max-width: 1080px){.Card__content{margin-left:90px;height:auto;gap:20px;justify-content:flex-end;padding:50px 20px}}@media (max-width: 768px){.Card__content{padding:35px 20px}}@media (max-width: 548px){.Card__content{margin-left:0;text-align:center;margin-top:60px;padding:20px}}.Card__content p{font-size:16px}@media (max-width: 1080px){.Card__content p{font-size:14px}}@media (max-width: 375px){.Card__content p{font-size:12px}}@media (max-width: 1080px){.Card__content h3{font-size:16px}}@media (max-width: 375px){.Card__content h3{font-size:12px}}.card__name{color:#fff}@media (max-width: 375px){.card__name{text-align:center}}@media (max-width: 1080px){.name{font-size:14px}}@media (max-width: 768px){.name{font-size:12px}}.carousel__container{width:100%;display:flex;align-items:center;padding-left:450px;justify-content:center;flex-direction:column;position:relative;-o-object-fit:contain;object-fit:contain;height:100%}@media (max-width: 1460px){.carousel__container{padding-left:0}}.carousel__container h1{margin-bottom:20px}@media (max-width: 548px){.carousel__container h1{text-align:center;font-size:28px}}.carousel{position:relative;display:flex;flex-direction:column;height:65vh;width:90%;max-width:800px;background-color:#0009;border-radius:55px;border:solid 3px rgba(192,164,235,.8);box-shadow:0 0 15px #00000080;align-items:flex-end;justify-content:center;padding:20px}@media (max-width: 1460px){.carousel{min-height:0;height:60vh;padding:0}}.carousel__image{position:absolute;left:-550px;top:50%;transform:translateY(-50%);height:600px;max-width:800px}@media (max-width: 1460px){.carousel__image{height:100%;-o-object-fit:cover;object-fit:cover;left:0;right:0;top:0;transform:none;border-radius:55px}}.carousel__image img{width:100%;height:100%;padding:5px;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;border-radius:50px;box-shadow:0 0 20px #c0a4ebcc}@media (max-width: 1460px){.carousel__image img{box-shadow:none;-o-object-position:left;object-position:left}}@media (max-width: 1080px){.carousel__image img{-o-object-position:top;object-position:top}}.carousel__content{height:100%;margin-left:20px;width:calc(100% - 250px);display:flex;flex-direction:column;justify-content:center;gap:30px;padding-left:20px;color:#fff;text-wrap:pretty;flex-grow:1;will-change:opacity,visibility}@media (max-width: 1460px){.carousel__content{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;opacity:0;transition:opacity .4s ease-in-out;display:flex;flex-direction:column;justify-content:center;border-radius:55px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);margin-left:0;padding:0 50px;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}}@media (max-width: 768px){.carousel__content{gap:10px}}.carousel__content p{font-size:16px;text-align:left;-webkit-text-size-adjust:auto;-moz-text-size-adjust:auto;text-size-adjust:auto}@media (max-width: 768px){.carousel__content p{font-size:12px}}@media (max-width: 375px){.carousel__content p{font-size:10px}}@media (max-width: 768px){.carousel__content strong{font-size:16px}}@media (max-width: 548px){.carousel__content strong{font-size:14px}}@media (max-width: 768px){.carousel__content a{font-size:14px}}.carousel__content.visible{opacity:1;visibility:visible}.carousel__techno-logo{display:flex;padding:10px;gap:20px}.carousel__techno li{margin-top:20px;list-style:none;margin-left:0}.carousel__techno-logo{height:80px}@media (max-width: 768px){.carousel__techno-logo{height:50px}}.carousel__tag{font-size:20px;color:#c0a4ebcc}.carousel__description{font-size:16px}.carousel__controls{display:flex;gap:20px;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:#0006;border-radius:10px;position:static;margin-top:10px;border:2px solid rgba(192,164,235,.8)}@media (max-width: 548px){.carousel__controls{gap:0}}.carousel__controls--btn{color:#c0a4ebcc;border:none;background:none;padding:10px;cursor:pointer;transition:transform .2s ease-in-out;display:flex;align-items:center}@media (max-width: 1460px){.carousel__controls--btn{color:#fff}}@media (max-width: 548px){.carousel__controls--btn{font-size:12px;padding:5px 10px}}.carousel__controls--btn svg{width:40px}@media (max-width: 548px){.carousel__controls--btn svg{width:30px}}.carousel__controls--btn:hover{transform:scale(1.1)}.carousel__github{margin-top:50px}@media (max-width: 768px){.carousel__github{margin-top:20px}}@media (max-width: 548px){.carousel__github{margin-top:0}}.carousel__github a{text-decoration:underline}@media (max-width: 375px){.carousel__github a{font-size:10px}}.Contact{position:absolute;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100vw;padding:50px;background-color:#2e2c2c;color:#fff}@media (max-width: 1080px){.Contact{padding-bottom:0}}.Contact h1{font-size:52px;margin-bottom:50px;position:relative}@media (max-width: 1080px){.Contact h1{font-size:32px}}@media (max-width: 548px){.Contact h1{font-size:20px;margin-bottom:20px}}.Contact h1:after{content:"";position:absolute;margin-top:10px;top:100%;left:50%;transform:translate(-50%);width:20%;height:3px;border-radius:5px;background-color:#c0a4eb}@media (max-width: 548px){.Contact h1:after{height:1px}}.Contact p{font-size:20px;font-weight:300;font-family:Poppins;margin-bottom:40px}@media (max-width: 548px){.Contact p{font-size:12px;margin-bottom:10px}}.contact__form{display:flex;justify-content:center;gap:40px;width:100%;max-width:1280px;padding:20px}@media (max-width: 768px){.contact__form{flex-direction:column;padding:0;gap:5px}}.form__group{display:flex;flex-direction:column;gap:10px;position:relative}@media (max-width: 768px){.form__group{gap:5px}}.form__group label{position:absolute;top:11px;left:11px;font-size:16px;font-weight:500;pointer-events:none;transition:.15s cubic-bezier(.4,0,.2,1)}@media (max-width: 548px){.form__group label{font-size:12px}}.form__group input,.form__group textarea{all:unset;padding:10px;font-size:16px;border:1px solid rgba(192,164,235,.8);border-radius:10px;background-color:#2e2c2c;color:#fff;width:100%;box-sizing:border-box;transition:cubic-bezier(.4,0,.2,1)}@media (max-width: 548px){.form__group input,.form__group textarea{font-size:12px}}.form__group input:focus,.form__group textarea:focus{outline:none;border:1px solid;background-color:#2e2c2c}.form__group textarea:is(:focus,:not(:-moz-placeholder-shown))~label,.form__group input:is(:focus,:not(:-moz-placeholder-shown))~label{transform:translateY(-90%) scale(.8);padding-inline:.3rem;background-color:#2e2c2c}.form__group textarea:is(:focus,:not(:placeholder-shown))~label,.form__group input:is(:focus,:not(:placeholder-shown))~label{transform:translateY(-90%) scale(.8);padding-inline:.3rem;background-color:#2e2c2c}.submit-btn{padding:10px;background-color:#c0a4ebcc;border:none;border-radius:10px;font-size:18px;font-weight:500;color:#fff;cursor:pointer;transition:background-color .3s ease}@media (max-width: 548px){.submit-btn{font-size:14px}}.submit-btn:hover{background-color:#c0a4eb}.submit-btn:focus{outline:none}.form{display:flex;flex-direction:column;gap:20px;flex-grow:1;height:100%}@media (max-width: 548px){.form{gap:10px}}#message{flex-grow:1;height:100%;min-height:182px;resize:vertical}@media (max-width: 548px){#message{min-height:150px}}@media (max-width: 375px){#message{min-height:100px}}.message{margin-top:15px}@media (max-width: 548px){.message{margin-top:5px}}.social__logo{display:flex;gap:20px;justify-content:center;align-items:center}.social__logo svg{width:30px;height:30px;transition:transform .2s ease-in-out}@media (max-width: 768px){.social__logo svg{width:25px;height:25px}}@media (max-width: 480px){.social__logo svg{width:20px;height:20px}}.social__media h2{margin:30px 0}@media (max-width: 548px){.social__media h2{font-size:14px;text-align:center;margin-top:20px;margin-bottom:10px}}.form__info--names{margin-top:15px;gap:40px}@media (max-width: 768px){.form__info--names{display:flex;gap:10px;width:100%}.form__info--names .form__group{flex:1}}@media (max-width: 548px){.form__info--names{flex-direction:column;margin-top:0}}.form__info--formal,.form__info--names{display:flex;flex-direction:column;gap:20px}@media (max-width: 548px){.form__info--formal,.form__info--names{gap:10px}}.about{gap:100px;width:100%;max-width:1280px}@media (max-width: 1460px){.about{width:90%;margin-left:70px;gap:60px}}@media (max-width: 1080px){.about{flex-direction:column;height:auto;gap:20px;margin:0}}.section__content{position:relative;display:flex;border-radius:55px;border:solid 3px rgba(192,164,235,.8);box-shadow:0 0 15px #00000080;flex-direction:column;align-items:center;gap:30px;padding:50px;background-color:#0009;z-index:1}@media (max-width: 1460px){.section__content h1{font-size:32px}}@media (max-width: 1080px){.section__content h1{font-size:28px}}.section__content h2{color:#c0a4ebcc;margin-bottom:20px;font-size:24px}@media (max-width: 1460px){.section__content h2{font-size:20px;margin-bottom:10px}}@media (max-width: 1080px){.section__content{gap:0;padding:30px}}@media (max-width: 1460px){.section__content p{font-size:14px}}@media (max-width: 1080px){.section__content p{font-size:12px}}.content__container{display:flex;flex-direction:column;gap:30px;padding-left:40px}@media (max-width: 1460px){.content__container{padding:0}}@media (max-width: 1080px){.content__container{padding:0;gap:10px}}.icon{display:flex;align-items:center;gap:20px}@media (max-width: 1080px){.icon{gap:10px}}@media (max-width: 1460px){.icon svg{width:22px;height:22px}}@media (max-width: 1080px){.icon svg{width:20px;height:20px}}@media (max-width: 1460px){.icon h3{font-size:16px}}@media (max-width: 1080px){.icon h3{font-size:14px}}@media (max-width: 1080px){.passion,.content__desc{flex:1}}@media (max-width: 1080px){.passion{border-right:solid 2px rgba(192,164,235,.8);padding-right:20px}}@media (max-width: 768px){.passion{border:none;padding:0}}.work{padding-left:15px}@media (max-width: 1460px){.work{padding:0}}.section__text{gap:20px;display:flex;flex-direction:column;margin-top:20px}@media (max-width: 1080px){.section__text{flex-direction:row}}@media (max-width: 768px){.section__text{flex-direction:column}}