body{color:#fff;background-color:#030014;background-image:radial-gradient(at 0 0,#a37ee973 0%,#0000 60%),radial-gradient(at 0 100%,#744e8b4d 0%,#0000 60%),radial-gradient(at 100% 0,#40c6eba6 0%,#0000 80%),radial-gradient(at 100% 100%,#5d80bd40 0%,#0000 60%);background-attachment:fixed;margin:0;font-family:Inter,sans-serif;overflow-x:hidden}.headerMenu{z-index:1;box-sizing:border-box;justify-content:space-between;align-items:center;width:100vw;height:50px;padding:5px;transition:all .3s;display:flex;position:fixed;top:0}.headerMenu.scrolled{background-color:var(--headerBackground)}.mainLogo h2{background:linear-gradient(45deg, var(--gradientColorSecond), var(--gradientColorFirst), var(--gradientColorSecond));color:#0000;-webkit-background-clip:text;background-clip:text;width:100px}.textLogo{text-decoration:none}.linkBox{opacity:0;flex-direction:column;align-items:center;width:100%;margin:50px 0 0;padding:0;list-style-type:none;transition:all .4s ease-in-out;display:flex;position:fixed;top:-200px}.linkBox.active{opacity:1;background:linear-gradient(45deg, var(--gradientColorSecondFullBg), var(--gradientColorFirstFullBg), var(--gradientColorSecondFullBg));top:-50px}.linkBox li{height:50px;font-size:30px}.hamMenu{flex-direction:column;justify-content:center;gap:5px;width:30px;height:30px;margin-left:auto;padding:10px 8px;display:flex}.hamMenu span{background-color:var(--hamburgerColor);border-radius:5px;width:100%;height:5px;transition:all .4s;position:relative}.hamMenu.active span:first-child{top:10px;transform:rotate(45deg)}.hamMenu.active span:nth-child(2){opacity:0;transform:translate(-20px)}.hamMenu.active span:nth-child(3){bottom:10px;transform:rotate(-45deg)}@media only screen and (width>=786px){.headerMenu{justify-content:space-between;padding:20px}.hamMenu{display:none}.mainLogo{padding:0 20px}.linkBox{opacity:1;flex-direction:row;width:auto;margin:0;line-height:50px;position:static}.linkBox li{font-size:18px}}.navText{padding:0 10px;font-weight:700}.menuLink{color:var(--colorText);text-decoration:none}.menuLink.active{text-decoration:underline;-webkit-text-decoration-color:var(--underlineColor);text-decoration-color:var(--underlineColor);text-underline-offset:10px;text-decoration-thickness:2px}.navText:hover .menuLink span{animation:.2s forwards jumpAnim;display:inline-block}.menuLink span{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#fff,#21cf95) 0%/60px 50px no-repeat;-webkit-background-clip:text;background-clip:text}@keyframes jumpAnim{0%{background-position:50%}50%{background-position:50%;transform:translateY(-5px)}to{background-position:0%;transform:translateY(0)}}.hero{box-sizing:border-box;flex-direction:column;justify-content:space-around;align-items:center;min-height:80vh;display:flex}.heroContent{box-sizing:border-box;width:100%;padding-left:10px}.heroTitle{width:300px;font-size:30px}.heroTitle h1{margin-bottom:0}.heroDeveloper{background:linear-gradient(90deg, var(--gradientColorFirst), var(--gradientColorSecond), var(--gradientColorThird)) 100% / 170%;color:#0000;opacity:0;-webkit-background-clip:text;background-clip:text;animation:1s forwards textIn}@keyframes textIn{to{opacity:1}}.heroSubtitle{padding:5px}.heroSubtitle span{opacity:0;animation:.5s forwards revealLetter;animation-delay:calc(var(--index) * .1s);display:inline-block;transform:translateY(5px)}@keyframes revealLetter{to{opacity:1;transform:translateY(0)}}.heroSkills{gap:10px;display:flex}.heroSkills p{background-color:var(--skillsBackground);border:1px solid gray;border-radius:10px;padding:3px;transition:all .5s;transform:rotate(3deg)}.heroSkills p:hover{background-color:var(--skillsBackgroundHover);transform:rotate(0)}.heroDescription{text-align:justify;width:90vw}.heroActions{gap:10px;display:flex}.buttonsAnim{color:var(--textColor);background-color:var(--skillsBackground);border:1px solid gray;border-radius:5px;padding:10px;font-size:20px;text-decoration:none;transition:all .5s}.buttonsAnim:hover{background-color:var(--skillsBackgroundHover)}.heroSocials{justify-content:center;display:flex}.heroSocials img{width:50px;padding:10px}.lottieAnim{width:200px}.aboutAction{color:var(--textColor);background-color:var(--skillsBackground);border:1px solid gray;border-radius:5px;width:fit-content;padding:10px;font-size:20px;text-decoration:none}.about{justify-content:center;align-items:center;min-height:100vh;display:flex}.aboutAvatar,.aboutContainer{border:1px solid #585858;transition:all .5s}.aboutContainer{background-color:var(--skillsBackground);border-radius:5px;width:100vw;min-height:500px}.aboutAvatar{border-radius:320px;height:300px}.aboutContainer:hover,.aboutAvatar:hover{box-shadow:0 0 10px var(--shadowColor)}.aboutTitle{flex-direction:column;align-items:center;display:flex}.aboutDescription{text-align:justify;flex-direction:column;align-items:stretch;margin-top:30px;display:flex}.aboutDescriptionBox{flex-direction:column;justify-content:space-around;align-items:center;gap:10px;padding:20px;display:flex}.aboutFullName,.aboutTitle h1{background:linear-gradient(90deg, var(--gradientColorFirst), var(--gradientColorSecond), var(--gradientColorThird)) 100% / 170%;color:#0000;-webkit-background-clip:text;background-clip:text}.aboutStatus{color:orange}.lottieAnim{width:300px;height:300px}.whoAm{margin:0;font-size:29px;font-weight:700}@media only screen and (width>=786px){.lottieAnim{width:500px;height:550px}.lottieBox{width:auto;display:flex}.aboutDescription{width:800px}.aboutDescriptionBox{flex-direction:row}.heroContent{width:400px}.heroDescription{width:500px}.heroSkills{width:300px}.aboutContainer{max-width:800px}}@media only screen and (width>=1024px){.hero{flex-direction:row}}.contactBox{flex-direction:column;align-items:center;padding-top:100px;display:flex}.contactInfo{box-sizing:border-box;background:linear-gradient(90deg, var(--gradientColorFirst), var(--gradientColorSecond), var(--gradientColorThird)) 100% / 170%;border:1px solid #000;border-radius:10px;flex-direction:column;align-items:center;height:fit-content;margin:20px;padding:10px;transition:all .5s;display:flex;transform:rotate(.5deg)}.contactInfo:hover{box-shadow:1px 1px 10px var(--underlineColor);transform:rotate(0)}.contactInfo h1,.contactInfo p,.contactInfo ul{color:var(--colorText);margin:0}.contantLink{list-style-type:none}.contantLink a{color:var(--colorText)}.contactLink{text-align:left;justify-content:center;gap:10px;width:100%;padding:10px;display:flex}.formBox{box-sizing:border-box;background:linear-gradient(90deg, var(--gradientColorFirst), var(--gradientColorSecond), var(--gradientColorThird)) 100% / 170%;border:1px solid #000;border-radius:10px;max-width:400px;margin:20px;padding:10px}.contactForm{flex-direction:column;gap:10px;display:flex}.contactForm input,.contactForm textarea{background-color:var(--headerBackground);color:var(--colorText);border:1px solid #000;border-radius:10px;height:20px;padding:5px}.contactForm input::placeholder,.contactForm textarea::placeholder{color:var(--colorText)}.contactForm textarea{min-width:100px;max-width:400px;min-height:100px;max-height:400px}.formBox p{text-align:center;font-size:18px}.submitButton{background:linear-gradient(90deg, var(--gradientColorThird), var(--gradientColorFirst), var(--gradientColorSecond));width:200px;height:30px;color:var(--colorText);border-radius:5px;padding:5px;font-weight:700;transition:all .5s}.submitButton:hover{cursor:pointer;background-color:#2ca587;width:205px}.buttonBox{justify-content:center;width:100%;display:flex}:root{--backgroundColorTopRight:#6a2d8d;--colorText:#fff;--hamburgerColor:#fff;--skillsBackground:#5d80bd40;--skillsBackgroundHover:#6489c985;--gradientColorFirst:#40c6eba6;--gradientColorSecond:#a37ee973;--gradientColorThird:#40c6eba6;--gradientColorFirstFullBg:#1a5666;--gradientColorSecondFullBg:#60488b;--gradientColorThirdFullBg:#2986a0;--underlineColor:#a37ee973;--headerBackground:#6489c95b;--shadowColor:#40c6eba6}.portfolioBox{flex-direction:column;align-items:center;display:flex}.showcaseContainer{background-color:var(--skillsBackgroundHover);border:1px solid #000;border-radius:10px;flex-direction:column;align-items:center;margin:90px 0 20px;transition:all .5s;display:flex;transform:rotate(1deg)}.showcaseContainer h1{margin:0}.showcaseContainer:hover{box-shadow:0 0 10px var(--shadowColor);transform:rotate(0)}.briefCaseAnim{height:200px}.portfolioTable{text-align:center;box-sizing:border-box;flex-direction:column;align-items:center;width:100vw;display:flex}.projectTable{background-color:var(--skillsBackground);border:1px solid #000;border-radius:10px;flex-direction:column;gap:10px;width:95vw;margin:10px;transition:all .2s;display:flex}.projectTable:hover{box-shadow:0 0 10px var(--shadowColor)}.projectImg{box-sizing:border-box;border:1px solid #6b696973;border-radius:10px;width:92vw;height:250px;transition:all .3s}.projectTech{justify-content:center;gap:10px;display:flex}.projectTech p{background-color:var(--skillsBackground);border:1px solid gray;border-radius:10px;padding:5px}.projectLink{color:var(--textColor);background-color:var(--skillsBackground);border:1px solid gray;border-radius:5px;padding:10px;font-size:20px;text-decoration:none;transition:all .3s}.projectLink:hover{background-color:var(--skillsBackgroundHover)}.projectLinks{justify-content:center;gap:10px;padding:10px;display:flex}.projectInfo{box-sizing:border-box;min-height:580px;padding:5px}@media only screen and (width>=786px){.projectInfo{height:800px}.portfolioTable{flex-flow:wrap;align-items:stretch;width:100%;max-width:1700px}.projectTable{width:calc(50% - 30px)}.projectImg{width:98%;min-height:500px}.projectImg:hover{width:100%;min-height:510px}.portfolioBoundries{justify-content:center;width:100%;display:flex}}.footerInfo{text-align:center;padding:10px}