@import"https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Tilt+Neon&display=swap";body{font-family:Golos Text,sans-serif;color:#e6f1ff}#root{width:100%;margin:0 auto}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}::-webkit-scrollbar-track{border-radius:0;box-shadow:none;-webkit-box-shadow:none}::-webkit-scrollbar{width:8px;border-radius:0;box-shadow:none;-webkit-box-shadow:none;background-color:#040a1ce6;backdrop-filter:blur(5px)}::-webkit-scrollbar-thumb{background-color:#00d8ff;border-radius:0;box-shadow:none;-webkit-box-shadow:none}.span{font-weight:700;color:#00d8ff;font-size:1.2rem;font-family:Tilt Neon,cursive}.numbers-span{color:#00d8ff;font-size:1.5rem;font-family:Tilt Neon,cursive;margin-right:1rem}.navbar{display:flex;justify-content:space-between;padding:1rem 4rem}.navbar-container{display:flex;align-items:center;justify-content:space-between;width:100%}.navbar-right{display:flex;gap:2rem;align-items:center}.navbar-links{list-style-type:none;display:flex;align-items:center;gap:2rem}a{text-decoration:none}.navbar-link__logo{display:flex;align-items:center;width:fit-content;color:#fff}.navbar-logo{font-size:3rem;font-family:Golos Text,sans-serif;font-weight:700}.navbar-item-link{text-decoration:none;color:#ccd6f6;transition:.35s}.navbar-item-link{position:relative;transition:.3s}.navbar-item-link:hover{cursor:pointer;color:#00d8ff}.navbar-item-link:before{content:"";position:absolute;width:100%;height:3px;border-radius:4px;background-color:#00d8ff;bottom:-.3rem;left:0;transform-origin:right;transform:scaleX(0);transition:transform .3s ease-in-out}.navbar-item-link:hover:before{transform-origin:left;transform:scaleX(1)}.navbar-display__pdf{margin:0;width:fit-content}.menu-button{display:flex;align-items:center;gap:.5rem;padding:.7rem;background-color:transparent;border:1px #00d8ff solid;border-radius:5px;transition:.35s;color:#00d8ff;font-family:Tilt Neon,cursive;font-size:1.1rem}.menu-button:hover{cursor:pointer;background-color:#00fff21a}.navbar-span{font-weight:700;color:#00d8ff;font-size:.9rem;font-family:Tilt Neon,cursive}.navbar-burger{width:40px;height:40px;background:transparent;border:none;color:inherit;display:none}@media screen and (max-width: 1070px){.navbar{padding:1rem 2rem}.navbar-links{flex-direction:column;justify-content:center;align-items:center;position:fixed;right:-100vw;bottom:0;background-color:#040a1ce6;backdrop-filter:blur(5px);visibility:hidden;padding:0;margin:0}.show-navbar .navbar-links{width:60vw;position:fixed;right:0;top:0;bottom:0;visibility:visible;z-index:20}.navbar-links li{display:block;padding:.5rem;font-size:5vw}.navbar-burger{display:block;top:1rem;right:1rem;z-index:1000}.navbar-burger:hover{cursor:pointer}.burger-bar,.burger-bar:before,.burger-bar:after{display:block;width:40px;height:5px;position:relative;border-radius:3px;background:rgb(255,255,255);transition:all .3s ease-in-out}.burger-bar:before,.burger-bar:after{content:"";position:absolute;left:0}.burger-bar:before{transform:translateY(-12px)}.burger-bar:after{transform:translateY(12px)}.show-navbar .burger-bar:before{transform:rotate(45deg)}.show-navbar .burger-bar:after{transform:rotate(-45deg)}.show-navbar .burger-bar{width:0;background:transparent}}.header{position:fixed;width:100%;z-index:2}.header-background{background-color:#040a1ce6;backdrop-filter:blur(5px)}.title{max-width:1200px;margin:0 auto;padding-left:15vw;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;flex-direction:column;align-items:flex-start;min-height:100vh;height:100vh}.title-hello{font-size:1.2rem;color:#00d8ff;margin:0}.title-name{color:#ccd6f6;margin:0;background:50% 100%/50% 50% no-repeat radial-gradient(ellipse at bottom,#fff,transparent,transparent);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:5rem;animation:reveal 3s ease-in-out forwards .2s}.title-catch{color:#8892b0;margin:0 0 1rem;background:50% 100%/50% 50% no-repeat radial-gradient(ellipse at bottom,#fff,transparent,transparent);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:3rem;animation:reveal 3s ease-in-out forwards .2s,glow 2.5s linear infinite 2s}.title-intro{width:50%;color:#ccd6f6;font-size:1rem;margin:0 0 2rem}.title-button{font-size:1rem;font-weight:500;padding:1rem;background-color:transparent;border:1px #00d8ff solid;border-radius:5px;transition:.35s;color:#00d8ff;font-family:Tilt Neon,cursive;font-size:1.1rem}.title-button:hover{cursor:pointer;background-color:#00fff21a}@keyframes reveal{80%{letter-spacing:8px}to{background-size:300% 300%}}@keyframes glow{40%{text-shadow:0 0 8px #fff}}@media screen and (max-width: 940px){.title{padding:2rem}.title-name{font-size:4rem}.title-catch{font-size:2rem}}@media screen and (max-width: 750px){.title{padding-top:10rem;min-height:auto;height:auto}}@media screen and (max-width: 720px){.title-name{font-size:3rem}.title-catch{font-size:1.5rem}.title-intro{width:80%}}@media screen and (max-width: 560px){.title{justify-content:flex-start;padding-top:10rem;height:auto;min-height:auto}.title-name{font-size:2.5rem}.title-catch{font-size:1.3rem}.title-intro{width:80%}}@media screen and (max-width: 470px){.title-name{font-size:2rem}.title-catch{font-size:1.3rem}.title-intro{width:80%}.title-intro{font-size:.9rem}@keyframes reveal{80%{letter-spacing:2px}to{background-size:300% 300%}}}@media screen and (max-width: 390px){.title-name{font-size:1.7rem}.title-catch{font-size:1rem}.title-intro{width:80%}}.about{max-width:900px;margin:0 auto;padding:10rem 2rem}.about-container{display:flex;gap:2rem}.about-container-left{width:70%}.about-text{line-height:1.7}.about-container-right{display:flex;width:30%;height:50%;overflow:hidden;border-radius:.5rem;position:relative}.about-container-right:after{display:block;position:absolute;content:"";height:100%;width:100%;transition:.3s;background:linear-gradient(to bottom,rgba(0,64,255,.1) 0%,rgba(0,213,255,.2) 100%)}.personal-picture{width:100%;object-fit:cover}.about-list{display:grid;grid-template-columns:repeat(2,minmax(140px,200px));gap:0px 10px;padding:0;margin:20px 0 0;overflow:hidden;list-style:none}.about-list-item{transition:.3s;display:flex;align-items:center;gap:.5rem}.about-list-item:hover{color:#00d8ff;cursor:default}@media screen and (max-width: 750px){.about{padding:2rem}.about-container{flex-direction:column}.about-container-left{width:100%;order:2}.about-container-right{width:70%;margin:0 auto;order:1}}.work{max-width:900px;margin:0 auto;padding:2rem}.work-title{display:flex;align-items:center}.work-title:after{content:"";display:block;position:relative;width:300px;height:1px;background-color:#152d50;margin-left:20px}.inner{display:flex}button{border:0px}.tablist{display:flex;flex-direction:column;width:30%}.tablist-item{background-color:transparent;color:#fff;margin:0;transition:.35s;padding:20px;border-left:#152d50 2px solid;width:100%;text-align:left;font-size:1rem;font-family:Tilt Neon,cursive}.tablist-item:hover{color:vars-color;cursor:pointer;background-color:#152d50}.tablist-item--active{color:#00d8ff;background-color:#152d50;padding:20px;border-left:3px #00d8ff solid;transition:none;text-align:left}.content{display:none}.active-content{display:block}.content-tabs{width:70%;height:auto;margin-left:15px}.tab-title{margin:0}.tab-date{margin:0;font-size:.9rem;color:#ccd6f6}.company-span{color:#00d8ff;font-size:1.2rem;font-family:Tilt Neon,cursive;margin-left:.8rem}@media screen and (max-width: 750px){.tablist-item,.tab-description{font-size:.9rem}}@media screen and (max-width: 540px){.tablist-item{font-size:.8rem}.tab-description,.tab-title,.tab-description__list--item,.company-span{font-size:.9rem}}@media screen and (max-width: 540px){.tablist-item{font-size:.8rem}.tab-description,.tab-title,.company-span{font-size:.9rem}}#projects{max-width:1200px;margin:0 auto;padding:100px 0;display:flex;flex-direction:column;align-items:center;padding:10rem 2rem}#projects .projects-header{margin:0 auto;max-width:900px;margin-bottom:7rem;text-align:left}#projects .cards-container{display:flex;flex-wrap:wrap;gap:3rem;justify-content:center}#projects .card-wrapper{background:white;width:20rem;border-radius:1rem;position:relative;text-align:center;box-shadow:-1px 15px 30px -12px #000;margin-bottom:4rem;display:flex;flex-direction:column;justify-content:space-between}#projects .portfolio{background:url(https://images.unsplash.com/photo-1523821741446-edb2b68bb7a0?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80)}#projects .card-image-container{position:relative;height:12rem;margin-bottom:2rem;border-top-left-radius:1rem;border-top-right-radius:1rem}#projects .troisblock-img,#projects .oplayground-img{width:100%;height:100%;object-fit:cover;border-top-left-radius:1rem;border-top-right-radius:1rem}#projects .portfolio-img{width:17rem;position:absolute;top:-3rem;left:2rem}#projects .portfolio1-img{width:12rem;position:absolute;top:-1rem;left:4rem}#projects .card-reference{color:#0a192f;margin:0;font-size:.8rem}#projects .card-title{color:#0a192f;margin:0 0 1rem}#projects .card-description{color:#9e9e9e;font-size:.9rem;padding:0 2rem 1rem}#projects .card-tags{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;color:#0a192f;margin:1rem 0;padding:0 .5rem}#projects .card-tag{padding:.2rem 1rem;border-radius:2rem;font-size:.8rem;font-weight:700}#projects .card-tag{display:flex;align-items:center;gap:.2rem}#projects .html{background:rgb(255,128,0)}#projects .javascript{background:rgb(255,234,0)}#projects .react{background:#00d8ff}#projects .css{background:#71a74c}#projects .scss{background:#f396c4}#projects .tailwind{background:#67E8F9}#projects .daisyui{background:#7C3AED}#projects .sequelize{background:#52b0e7}#projects .postgre{background:#b9ddf9}#projects .node{background:rgb(125,222,125)}#projects .express{background:rgb(208,208,208)}#projects .ejs{background:#e9b7ca}#projects .card-links__3block,#projects .card-links__oplayground,#projects .card-links__portfolio{display:flex;overflow:hidden;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;width:180%}#projects .card-link__oplayground{background:#1ab161;padding:1rem;transition:.3s;width:100%;border-bottom-right-radius:1rem}#projects .card-link__3block{background:#0f94d1;padding:1rem;transition:.3s;width:100%;border-bottom-right-radius:1rem}#projects .card-link__portfolio{background:#6600ff;padding:1rem;transition:.3s;width:100%;border-bottom-right-radius:1rem}#projects .card-link:hover{filter:brightness(1.2)}#projects a{width:50%;text-decoration:none;color:#fff;cursor:pointer}#projects .blocked-link{cursor:not-allowed}#projects .view{border-right:1px solid;border-color:#0003}#projects .card-link__view--image{width:2rem}#projects .card-link__view--text{font-size:.9rem;margin:0}@media screen and (max-width: 750px){#projects{padding:2rem}}#school{max-width:1200px;margin:0 auto;padding:2rem}.school-title{text-align:center}.school-header{gap:2rem;text-align:center}h3,h4,p{margin:0}.timeline-item{display:flex;justify-content:flex-end;padding-right:30px;position:relative;margin:10px 0;width:50%;z-index:1}.timeline-item__content{width:50%;padding:2rem;margin:1rem;border-radius:1rem;background:#ccd6f6;color:#0a192f}.timeline-item:nth-child(odd){align-self:flex-end;justify-content:flex-start;padding-left:30px;padding-right:0}.school-place{display:flex;align-items:center;gap:.5rem}@media screen and (max-width: 830px){.timeline-item:nth-child(odd){width:100%;align-self:normal;justify-content:center;padding:0}.timeline-item,.timeline-item__content{width:100%}}.timeline-container{display:flex;flex-direction:column;position:relative;margin:40px 0}.timeline-container:after{background-color:#fff;content:"";position:absolute;left:calc(50% - 2px);width:4px;height:100%}.form{max-width:1200px;margin:0 auto;padding:10rem 2rem}.form-title{text-align:center;margin-bottom:2rem}form{display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%}.form-item{width:50%;display:flex;flex-direction:column}.form-item label{margin-bottom:.5rem}.form-item input{width:calc(100% - 2rem);border:none;border-radius:.5rem;padding:1rem}.form-item textarea{width:calc(100% - 2rem);height:20rem;padding:1rem;border:none;border-radius:.5rem;font-family:Golos Text,sans-serif;resize:none}.form-button{display:flex;align-items:center;justify-content:center;gap:.5rem;width:10rem;padding:1rem;border:none;border-radius:.5rem;font-family:Golos Text,sans-serif;font-weight:700;transition:.3s;background-color:#00a2be;color:#fff}.form-button:hover{cursor:pointer;translate:x 2;background-color:#00d8ff}.form-span{color:red}::placeholder{font-family:Golos Text,sans-serif}@media screen and (max-width: 1270px){.form-item{width:75%}}@media screen and (max-width: 800px){.form-item{width:100%}}@media screen and (max-width: 750px){#contact{padding:2rem}}.scrollup-button{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;font-size:1.5rem;border-radius:30px;background-color:#e6f1ff;color:#0a192f;position:fixed;bottom:2rem;right:2rem;transition:.2s;z-index:1}.scrollup-button:hover{cursor:pointer;transform:scale(1.2)}.skills{max-width:900px;margin:0 auto;padding:2rem}.skills-title{text-align:center}.languages-title{text-align:center;margin-bottom:5rem;text-decoration:underline}.skills-container{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;margin-bottom:5rem}.skill{display:flex;flex-direction:column;align-items:center;gap:2rem;width:20%}.skill-icon{transform:scale(4);transition:.3s}.skill-name{text-align:center}.skill-icon__html:hover{color:#ff6f00}.skill-icon__css:hover{color:#007bff}.skill-icon__js:hover{color:#fd0}.skill-icon__sql:hover{color:#005eff}.skill-icon__react:hover{color:#00d8ff}.skill-icon__redux:hover{color:#460080}.skill-icon__node:hover{color:#48b341}.skill-icon__express:hover{color:#b3b3b3}.skill-icon__postgre:hover{color:#5171a1}.skill-icon__sequelize:hover{color:#52b0e7}.skill-icon__api:hover{color:#000}.skill-icon__ejs:hover{color:purple}.skill-icon__scss:hover{color:#ff93a5}.skill-icon__git:hover{color:#e84d31}.skill-icon__github:hover{color:#000}.skill-icon__tailwind:hover{color:#67e8f9}.skill-icon__figma:hover{color:#f76e5f}.skill-icon__project:hover{color:#ff6161}.skill-icon__scrum:hover{color:#00aeff}.skill-icon__excel:hover{color:#167c27}.skill-icon__sap:hover{color:#28089c}@media screen and (max-width: 450px){.skill-icon{transform:scale(3)}.skill-name{font-size:.9rem}}@media screen and (max-width: 370px){.skill-icon{transform:scale(2)}.skill-name{font-size:.8rem}}.footer{display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;flex-direction:column;height:auto;padding:1rem;text-align:center}.more-contact{width:3rem;position:fixed;bottom:0px;left:2rem;right:auto}.networks-list{display:flex;flex-direction:column;-webkit-box-align:center;align-items:center;gap:1rem;margin:0;padding:0;list-style:none}.networks-list:after{content:"";display:block;width:1px;height:7rem;margin:0 auto;background:#e6f1ff}.more-contact__icon{transform:scale(1.5);padding:.5rem;color:#e6f1ff;transition:.3s}.more-contact__icon:hover{transform:scale(2);color:#00d8ff}#more-contact a{padding:1rem}.footer-text{font-size:.9rem}@media screen and (max-width: 1270px){.more-contact{display:flex;width:100%;margin:0 auto;left:0;position:initial}.networks-list{display:flex;flex-direction:row;margin:0 auto}.networks-list:after{display:none}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#0a192f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;display:flex;min-width:320px;min-height:100vh;background-color:#0a192f}