.page{background-color:#0a0a0a;overflow:hidden}.head-wrap{color:#fff;justify-content:space-between;padding:65px 65px 0}.head,.head-wrap{display:flex;flex-direction:column}.head{gap:0;margin-top:-10px}.container{align-items:center;gap:200px;margin:0 auto;max-width:1240px;padding:0 15px;width:80vw}.container,.intro{display:flex;flex-direction:column}.intro{gap:20px;left:30px;position:relative;top:-100px;width:556px}.resume-btn-wrap{display:flex;justify-content:flex-end;padding:10px}.work{padding:10px;width:100%}.projects-wrap,.work{display:flex;flex-direction:column;gap:150px}.about{gap:170px;margin-top:80px}.about,.skills{display:flex;flex-direction:column;width:100%}.skills{gap:40px;margin-bottom:30px;margin-top:100px}.skills article{margin-bottom:100px}.about article,.skills article{display:flex;justify-content:flex-end;width:100%}.about article{margin-bottom:50px}.contact{display:flex;flex-direction:column;gap:40px;margin-bottom:30px;margin-top:100px;width:100%}.contact article{width:50%}footer{display:flex;justify-content:space-between}.footer-content{color:#fff;display:flex;margin-bottom:30px;margin-top:80px}@media screen and (max-width:955px){.contact article{width:100%}}@media screen and (max-width:825px){.head-wrap{padding:65px 10px 0 45px}.head{margin-top:70px}}@media screen and (max-width:400px){.head-wrap{padding:65px 10px 0 25px}.intro{top:100px}}@media screen and (max-width:550px){.about{gap:80px}}@media screen and (max-width:675px){.container{gap:70px}.intro{left:0;top:50px;width:100%}.work{gap:80px}.projects-wrap{gap:100px}.work{margin-top:150px}.skills article{margin-bottom:-10px}.about{gap:60px}.about article{margin-bottom:0}}.nav{position:fixed;right:50px;width:100%}.main-menue{display:flex;justify-content:flex-end;width:100%}@media screen and (max-width:426px){.main-menue{justify-content:center}.nav{right:0}}.main-menue ul{display:flex;font-family:panchang,sans-serif;font-size:clamp(12px,8px + 2vw,18px);font-weight:700;gap:30px;list-style-type:none;text-decoration:none}.main-menue a{all:unset;color:#fff;cursor:pointer}.main-menue ul li a{position:relative}.main-menue ul li a:after{background:#aaa;bottom:0;color:transparent;height:1px;left:0;margin:auto;position:absolute;right:0;width:0}.main-menue ul li a{transition:all 2s}.main-menue ul li a:after{content:".";margin:0;opacity:0;text-align:left}.main-menue ul li a:hover{color:#0e0e0e;z-index:1}.main-menue ul li a:hover:after{animation:fill 1s forwards;-webkit-animation:fill 1s forwards;-moz-animation:fill 1s forwards;opacity:1;z-index:-10}@-webkit-keyframes fill{0%{height:1px;width:0}50%{height:1px;width:100%}to{background:#fff;height:100%;width:100%}}@keyframes fill{0%{height:1px;width:0}50%{height:1px;width:100%}to{background:#fff;height:100%;width:100%}}.contact-btn{align-items:center;border:1px solid #838383;border-radius:50%;border-top-color:transparent;display:flex;height:400px;justify-content:center;position:relative;right:200px;width:400px}@media screen and (max-width:884px){.contact-btn{height:300px;right:80px;width:300px}}@media screen and (max-width:664px){.contact-btn{height:250px;right:0;width:250px}}.contact-btn h3{overflow:hidden;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.contact-btn a{color:rgba(255,254,210,.575);font-size:clamp(13px,10px + 2vw,27px);font-weight:100;letter-spacing:4px;text-decoration:none}.contact-btn a:hover{color:#fff}.cta-btn{color:#181818;font-family:Work Sans,sans-serif;font-weight:700;transition:all .5s ease-in-out}.cta-btn:hover{-webkit-text-stroke:1px #000;color:#fff;font-family:sans-serif;font-weight:700;letter-spacing:3px}.intro-text{color:#c5c5c5;font-size:clamp(11.5px,5px + 1.5vw,18px);letter-spacing:1px;line-height:25px;margin-top:-80px;padding:3px;position:relative}@media screen and (max-width:580px){.intro-text{line-height:20px}}@media screen and (max-width:380px){.intro-text{line-height:16px}}.text-area{display:flex;flex-direction:column}.text-area span{overflow:hidden}.text-area h1{font-family:panchang,sans-serif;font-size:clamp(36px,35px + 6vw,110px);font-weight:700;line-height:7.5rem}@media screen and (max-width:825px){.text-area h1{line-height:5.8rem}}@media screen and (max-width:665px){.text-area h1{line-height:5rem}}@media screen and (max-width:480px){.text-area h1{line-height:4.2rem}}.skill-intro{align-items:center;display:flex;left:45vw}.marquee-w,.skill-intro{overflow:hidden;position:relative}.marquee-w{display:block;height:25px;padding-right:20px;width:350px}.marquee{display:block;overflow:hidden;position:absolute}.marquee span{-webkit-animation:marquee 6s linear infinite;animation:marquee 6s linear infinite;display:inline-block;font-family:panchang;font-size:15px;font-weight:600;height:100%;min-width:100%;padding-left:100%}.marquee2 span{-webkit-animation-delay:3s;animation-delay:3s}.arrow{height:130px;width:110px}@media screen and (max-width:770px){.arrow{height:100px;width:80px}.marquee span{font-size:13px}}@media screen and (max-width:676px){.skill-intro{margin-left:-120px}}@media screen and (max-width:480px){.skill-intro{left:0;margin-left:-10px;margin-top:15px}.arrow{height:70px;width:70px}.marquee span{font-size:11px}}@-webkit-keyframes marquee{0%{-webkit-transform:translate(5%);transform:translate(5%)}to{-webkit-transform:translate(-100%);transform:translate(-100%)}}@keyframes marquee{0%{-webkit-transform:translate(5%);transform:translate(5%)}to{-webkit-transform:translate(-100%);transform:translate(-100%)}}.section-title{color:#fff;font-family:panchang,sans-serif;font-size:clamp(35px,20px + 5vw,100px);line-height:50px}@media screen and (min-width:720px){.section-title{font-size:100px;line-height:100px}}.card-wrap{align-items:center;display:flex;gap:20px}.reversed{flex-direction:row-reverse}.hide{display:none}.work-des{color:#d6d6d6;font-size:clamp(7px,5px + 3vw,24px);font-weight:400;letter-spacing:1px;line-height:25px;width:50%}.width-card{width:50%}.work-card{background-color:#e0e0e0;cursor:pointer;display:flex;flex-direction:column;height:190px;justify-content:space-between;padding:1.5rem 2rem;width:450px}.work-img img{-webkit-animation:action 1s infinite alternate;animation:projectImg .8s ease infinite alternate;border-radius:25px;-webkit-filter:grayscale(0);filter:grayscale(0);height:250px;margin-left:45px;object-fit:fill;position:absolute;width:400px}.work-title{color:#000;font-family:panchang;font-size:22px;font-weight:800;margin-bottom:15px}.tags{border-top:2px solid #000;color:#3425ff;font-size:calc(.6em + .4vw);font-weight:400;margin-bottom:18px;margin-top:5px;padding-top:12px}.links{display:flex;flex-direction:row;justify-content:space-between}.visit-btn{background-color:#000;color:#fff;font-size:clamp(12px,8px + .8vw,18px);font-weight:600;letter-spacing:2px;padding:9px 50px;text-decoration:none;transition:all .5s ease;width:20%}.visit-btn h3{align-items:center;display:flex;justify-content:center}.visit-btn:hover{-webkit-text-stroke:1px #fff;color:#000;font-weight:800;letter-spacing:4px}@-webkit-keyframes projectImg{0%{-webkit-transform:translateY(-50%);transform:translateY(-50%)}to{-webkit-transform:translateY(-55%);transform:translateY(-55%)}}@keyframes projectImg{0%{-webkit-transform:translateY(-50%);transform:translateY(-50%)}to{-webkit-transform:translateY(-55%);transform:translateY(-55%)}}@media screen and (max-width:720px){.work-card{height:80%;padding:1rem 1.5rem;width:100%}.work-title{font-size:15px}.visit-btn{font-size:12px;font-weight:600;padding:8px 20px 0}.card-wrap{flex-direction:column}.width-card,.work-des{width:100%}.work-img img{display:none}}.skills-wrap{display:flex;gap:30px}.skills-colomn-wrap{height:100%;width:100%}.skills-colomn-wrap h3{color:#fff;font-family:panchang,sans-serif;font-size:clamp(12px,8px + 3vw,24px);margin-bottom:20px}.skills-colomn-wrap ul{color:#fff;display:flex;flex-direction:column;gap:5px;list-style:none;text-decoration:none}.skills-colomn-wrap ul li{font-size:clamp(8px,3px + 3vw,20px);letter-spacing:-1px;text-decoration:none}@media screen and (max-width:670px){.skills-wrap{flex-wrap:wrap;gap:0}.skills-colomn-wrap{margin-top:40px}}.about-text{color:#bebebe;font-size:32px;font-weight:600;letter-spacing:1.5px;line-height:38px;padding-right:40px}.about-text p{width:80%}@media screen and (max-width:560px){.about-text p{width:100%}.about-text{font-size:20px;line-height:22px;padding-right:0}}.one-social-wrap{color:#fff;gap:10px}.one-social-wrap,.socials-wrap{align-items:center;display:flex}.socials-wrap{flex-wrap:wrap;gap:50px;margin-bottom:30px;margin-top:80px}.socials-name{color:#fff5e8;display:inline-block;font-family:panchang,sans-serif;font-size:clamp(18px,10px + 2.5vw,30px);font-weight:800;position:relative;text-decoration:none}.socials-name:after{background-color:ivory;bottom:0;content:"";height:3px;position:absolute;right:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:bottom right;transform-origin:bottom right;transition:-webkit-transform .5s cubic-bezier(0,0,.44,1.1);transition:transform .5s cubic-bezier(0,0,.44,1.1);transition:transform .5s cubic-bezier(0,0,.44,1.1),-webkit-transform .5s cubic-bezier(0,0,.44,1.1);width:100%}.socials-name:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:bottom left;transform-origin:bottom left}@media screen and (max-width:540px){.socials-wrap{gap:20px;margin-top:35px}}.contact-wrap{align-items:center;display:flex;gap:80px}.mail-text-wrap{color:#ffefda;display:flex;justify-content:flex-end;width:50%}.mail-text-wrap p{font-size:15px;font-weight:400;letter-spacing:-.8px;line-height:17px;width:45%}.mail-wrap{display:flex;justify-content:flex-end;width:50%}.contact-mail{align-items:center;background:0 0;border:none;color:#dfd3c3;display:flex;font-family:panchang,sans-serif;justify-content:center;line-height:1.2rem;outline:0;position:relative}.contact-mail a{color:#dfd3c3;cursor:pointer;font-size:25px;font-weight:700;text-decoration:none;z-index:99}.contact-mail:after{background-repeat:no-repeat;background-size:contain;border:2px solid rgba(255,252,223,.507);border-radius:50%;content:"";height:450%;left:-30px;position:absolute;-webkit-transform:rotate(2deg);transform:rotate(2deg);width:115%}@media screen and (max-width:1100px){.contact-mail a{font-size:20px}}@media screen and (max-width:880px){.contact-mail a{font-size:20px}.mail-text-wrap{justify-content:flex-start}.mail-text-wrap p{width:80%}}@media screen and (max-width:770px){.contact-wrap{flex-direction:column}.mail-text-wrap{justify-content:flex-start;width:100%}.mail-text-wrap p{font-size:20px;line-height:27px;width:90%}.mail-wrap{justify-content:flex-start;width:100%}.contact-mail a{font-size:24px}}@media screen and (max-width:550px){.contact-wrap{flex-direction:column}.mail-text-wrap{justify-content:flex-start;width:100%}.mail-text-wrap p{font-size:15px;line-height:17px;width:90%}.mail-wrap{justify-content:flex-start;width:100%}.contact-mail a{font-size:clamp(12px,9px + 1.3vw,20px)}}.footer-menue{display:flex;justify-content:flex-end;width:100%}.footer-menue ul{display:flex;font-weight:300;gap:30px;list-style-type:none;text-decoration:none}.footer-menue a{all:unset;color:#fff;cursor:pointer}.footer-menue ul li a{padding-bottom:7px;position:relative}.footer-menue ul li a:after{background-color:ivory;bottom:0;content:"";height:.5px;position:absolute;right:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:bottom right;transform-origin:bottom right;transition:-webkit-transform 1s cubic-bezier(0,0,.44,1.1);transition:transform 1s cubic-bezier(0,0,.44,1.1);transition:transform 1s cubic-bezier(0,0,.44,1.1),-webkit-transform 1s cubic-bezier(0,0,.44,1.1);width:100%}.footer-menue ul li a:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:bottom left;transform-origin:bottom left}@media screen and (max-width:650px){.footer-menue ul{flex-direction:column}}.loader-container{align-items:center;background-color:#faf2e7;display:flex;height:100vh;justify-content:center;overflow:hidden;width:100%}.loader-wrap{display:flex;flex-direction:column;overflow:hidden}.loader-wrap h3{font-family:panchang;font-size:20px;font-weight:100}.counter{position:absolute;top:56%}.loader-container p{font-family:panchang,sans-serif;font-size:18px}.loader-bar{background-color:#111;border-radius:100px;height:5px;position:absolute;top:55%;width:100vw}@media screen and (maxx-width:400px){.loader-bar{top:56%}.counter{top:57%}}::-webkit-scrollbar{width:.7vw}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#fffac9}::-webkit-scrollbar-thumb:hover{background:#ffe1a5}html{scrollbar-color:#fffac9 #0a0a0a;scrollbar-width:thin}
/*# sourceMappingURL=main.bd7cb22e.css.map*/