:root{--ff_p:"Euclid Circular B",sans-serif;--ff_s:"Archia",sans-serif;--ff_t:"Playfair Display",serif;--c_1:#0f0f0f;--c_2:#fafafa;--c_3:#999;--c_4:#1f1f1f;--c_10:#fc0;--c_11:#d60081;--c_12:#8000ff;--c_13:#b3ff00}::selection{background-color:rgba(179,255,0,.2);color:#fff}html::-webkit-scrollbar{width:0;height:0}html{-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}body{margin:0;background-color:#0f0f0f;background-color:var(--c_1);color:#fafafa;color:var(--c_2);font-family:"Archia",sans-serif;font-family:var(--ff_s);font-weight:400;font-size:16px}main{width:100%;overflow:hidden}main>section{padding:0 128px;box-sizing:border-box}h1,h2,h3{-webkit-user-select:none;-ms-user-select:none;user-select:none;margin:0;font-family:"Euclid Circular B",sans-serif;font-family:var(--ff_p)}h2.h2,h3.h3{font-weight:400;text-transform:capitalize}h2.h2>span,h3.h3>span{font-weight:700}h2.h2{font-size:44px;line-height:44px}h3.h3{font-size:18px;line-height:18px}p>em{font-family:"Playfair Display",serif;font-family:var(--ff_t)}.shape-rect:after{height:48px;border:2px solid #fff}.shape-line:after,.shape-rect:after{content:"";width:48px;position:absolute;z-index:-1}.shape-line:after{height:2px;background-color:#fff}[class*=remixicon]:is(span,i){--size:20;--color:var(--c_2)}@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait){main>section{padding:0 64px}}@media only screen and (max-width:767px) and (orientation:portrait){html.stop-scrolling{height:100%;overflow:hidden}main>section{padding:0 32px}h2.h2{font-size:24px;line-height:24px}h3.h3{font-size:12px;line-height:12px}.shape-rect:after{width:40px;height:40px}}section.home{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}section.home>h1{margin:0;font-size:72px;line-height:72px;font-weight:400;letter-spacing:1px;text-align:center;text-transform:uppercase}section.home>h1>span{font-weight:700}section.home>p{margin:32px 0 0;width:32ch;font-size:16px;line-height:24px;text-align:center}section.home>span:nth-child(3){-webkit-user-select:none;-ms-user-select:none;user-select:none;margin-top:64px;font-size:8px;font-family:var(--ff_p);letter-spacing:2px;text-transform:uppercase;color:var(--c_3)}section.home>span:nth-child(4){margin:4px;--size:24;animation-name:down;animation-duration:1s;animation-timing-function:ease;animation-delay:0s;animation-iteration-count:infinite}section.home>span.sticker{-webkit-user-select:none;-ms-user-select:none;user-select:none;font-size:10px;font-family:var(--ff_t);font-style:italic;line-height:18px;padding:0 12px;position:absolute}section.home>span.sticker.s1{background-color:var(--c_10);color:var(--c_1);transform:translate(128px,-200px) rotate(20deg)}section.home>span.sticker.s2{background-color:var(--c_11);color:var(--c_2);transform:translate(-240px,50px) rotate(-20deg)}section.home>span.sticker.s3{background-color:var(--c_12);color:var(--c_2);transform:translate(196px,100px) rotate(20deg)}@keyframes down{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(32px) scale(1)}}@media only screen and (max-width:767px) and (orientation:portrait){section.home>h1{font-size:32px;line-height:32px}section.home>p{margin-top:16px;font-size:12px;line-height:18px}section.home>span:nth-child(3){margin-top:32px}section.home>span.sticker.s1{transform:translate(64px,-160px) rotate(20deg)}section.home>span.sticker.s2{transform:translate(-64px,160px) rotate(-20deg)}section.home>span.sticker.s3{transform:translate(96px,100px) rotate(20deg)}}section.about-me{padding-top:128px;padding-bottom:64px}section.about-me>h2{position:relative}section.about-me>h2:after{border-color:var(--c_11);left:-12px;top:-12px;transform:rotate(20deg)}section.about-me>p{margin:64px 0;font-size:32px;line-height:48px;padding:0 128px;box-sizing:border-box}section.about-me>h3{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;letter-spacing:.4px;position:relative}section.about-me>h3:after{background-color:var(--c_10);bottom:-4px;right:-12px}.skills-box{margin:64px 0 0;display:grid;grid-template:repeat(2,auto)/repeat(3,auto);justify-content:center;align-items:center;flex-wrap:wrap;grid-gap:64px 128px;gap:64px 128px}.skills-box>div>span{display:block}.skills-box>div>span:first-child{font-size:24px}.skills-box>div>span:nth-child(2){-webkit-user-select:none;-ms-user-select:none;user-select:none;margin-top:4px;font-size:12px;color:var(--c_3);font-family:var(--ff_p)}@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait){section.about-me>p{padding:0 64px}.skills-box{grid-gap:64px 96px;gap:64px 96px}}@media only screen and (max-width:767px) and (orientation:portrait){section.about-me>p{margin:32px 0;padding:0;font-size:16px;line-height:24px}.skills-box{margin-top:32px;grid-template:repeat(3,auto)/repeat(2,auto);grid-gap:32px 64px;gap:32px 64px}.skills-box>div>span:first-child{font-size:16px}}.css-pattern-1{--c_1:#0f0f0f;--c_2:#1f1f1f;--s:20px;--_g:var(--c_1) 90deg,transparent 90.5deg;background:conic-gradient(from -45deg,var(--_g)),conic-gradient(from 135deg,var(--_g)) calc(var(--s)/2) 0,var(--c_2);background-size:var(--s) var(--s)}.css-pattern-2{--c_2:#0f0f0f;--c_1:#1f1f1f;background-image:repeating-radial-gradient(circle at 0 0,transparent 0,var(--c_1) 20px),repeating-linear-gradient(var(--c_2),var(--c_2))}.css-pattern-3{--c_1:#1f1f1f;background-image:radial-gradient(var(--c_1) 2px,transparent 0);background-size:12px 12px}.css-pattern-4{--c_1:#0f0f0f;--c_2:#1f1f1f;background-color:var(--c_2);background-image:linear-gradient(45deg,var(--c_1) 25%,transparent 0,transparent 75%,var(--c_1) 0,var(--c_1)),linear-gradient(-45deg,var(--c_1) 25%,transparent 0,transparent 75%,var(--c_1) 0,var(--c_1));background-size:12px 12px}section.projects{counter-reset:project;padding-top:64px;padding-bottom:64px}section.projects>h2{position:relative}section.projects>h2:after{border-color:var(--c_12);left:-12px;top:-12px;transform:rotate(20deg)}.project-box{margin-top:64px;display:flex;flex-direction:column;box-sizing:border-box}.project-box>*{display:block}.project-box>span.title{font-size:32px;font-family:var(--ff_p);text-transform:capitalize}.project-box>span.title:before{counter-increment:project;content:counter(project) ". ";font-family:var(--ff_t);font-weight:700;font-style:italic}.project-box>span.title>a{margin-left:16px;display:inline-flex;background-color:var(--c_4);padding:2px;transform:translateY(10%)}.project-box>span.title>a>span{--color:var(--c_13)}.project-box>span.title+span{-webkit-user-select:none;-ms-user-select:none;user-select:none;margin-left:30px;margin-top:4px;font-size:12px;color:var(--c_3);font-family:var(--ff_p)}.project-box>div.img-box{margin-top:32px;margin-left:414px;width:80%;aspect-ratio:3/2;overflow:hidden}.project-box>div.img-box>img{-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%;height:auto;aspect-ratio:3/2;filter:grayscale(1);transform:translate(64px,64px);transition:filter .35s linear}.project-box>div.img-box>img:hover{filter:grayscale(0)}@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait){.project-box>div.img-box{margin-left:222px}}@media only screen and (max-width:767px) and (orientation:portrait){.project-box{margin-top:32px}.project-box>span.title{margin-top:8px;font-size:20px}.project-box>span.title>a{padding:0;transform:translateY(20%)}.project-box>span.title+span{margin-left:0}.project-box>div.img-box{margin-top:0;margin-left:0;width:100%;order:-1}.project-box>div.img-box>img{transform:translate(32px,32px)}}section.contact-me{padding-top:64px;padding-bottom:64px;display:flex;flex-direction:row;justify-content:space-between}section.contact-me>h2{position:relative}section.contact-me>h2:after{border-color:var(--c_10);left:-12px;top:-12px;transform:rotate(20deg)}.contacts-list{margin:0 128px 0 0;padding:0;display:flex;flex-direction:row;justify-content:center;align-items:center;grid-gap:32px;gap:32px}.contacts-list>li{display:inline-block;padding:0}.contacts-list>li>a{font-size:0;text-decoration:none;display:block;padding:6px;transition:transform .35s linear}.contacts-list>li>a>span{--size:32}.contacts-list>li>a:hover{transform:translateY(-6px)}.contacts-list>li>a:hover>span{--color:var(--c_13)}@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait){.contacts-list{margin-right:64px}}@media only screen and (max-width:767px) and (orientation:portrait){section.contact-me{padding-bottom:0;flex-direction:column;grid-gap:32px;gap:32px}.contacts-list{margin:0 auto;grid-gap:16px;gap:16px}.contacts-list>li>a>span{--size:24}}.footer>div{height:64px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box}.footer>div>span{-webkit-user-select:none;-ms-user-select:none;user-select:none;font-size:12px;color:var(--c_3);font-family:var(--ff_p)}.nav-bar{height:64px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:8px 64px 8px 8px;position:fixed;top:0;right:0;z-index:20}.nav-bar,.nav-list{box-sizing:border-box}.nav-list{-webkit-user-select:none;-ms-user-select:none;user-select:none;margin:0;padding:0;height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;grid-gap:16px;gap:16px}.nav-list>li{cursor:pointer;display:inline-block;font-family:var(--ff_p);text-transform:capitalize;background-color:var(--c_1);padding:4px 8px;position:relative}.nav-list>li:after{--size:0px;--color:transparent;content:"";height:var(--size);width:var(--size);background-color:var(--color);box-shadow:0 0 12px 1px var(--color);border-radius:50%;box-sizing:border-box;position:absolute;bottom:-50%;right:36%;transform:translate(-50%,50%)}.nav-list>li.active:after{--size:6px}.nav-list>li[name=home].active:after{--color:var(--c_2)}.nav-list>li[name=about-me].active:after{--color:var(--c_11)}.nav-list>li[name=projects].active:after{--color:var(--c_12)}.nav-list>li[name=contact-me].active:after{--color:var(--c_10)}.nav-bar>button{display:none}@media only screen and (max-width:767px) and (orientation:portrait){.nav-bar{padding-right:16px}.nav-bar>button{display:inline-block;height:48px;width:48px;border:none}.nav-bar>button,.nav-list{background-color:var(--c_1);box-sizing:border-box}.nav-list{width:100%;flex-direction:column;align-items:flex-start;padding:0 32px;position:fixed;top:0;right:-100%;z-index:-1;transition:right .35s linear}.nav-list.show{right:0}.nav-list>li{width:100%;padding-left:32px;font-size:32px;box-sizing:border-box}.nav-list>li:after{bottom:38%;right:94%;transform:translate(0)}.nav-list>li.active:after{--size:12px}}.preloader{height:100vh;width:100%;display:flex;justify-content:center;align-items:center;box-sizing:border-box;position:fixed}.preloader~*{visibility:hidden}.preloader>.loader{height:24px;width:240px;background-color:var(--c_4);position:relative}.preloader>.loader.blinking{animation:blinking .5s ease 0s infinite}.preloader>.loader:after{content:"";height:inherit;width:100%;background-color:var(--c_2);position:absolute;top:0;left:0;animation:width 1s linear 0s forwards;animation-play-state:paused}.preloader>.loader.anim-run:after{animation-play-state:running}@keyframes width{0%{width:0;background-color:var(--c_10)}50%{width:50%;background-color:var(--c_11)}to{width:100%;background-color:var(--c_12)}}@keyframes blinking{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=main.c779d3e5.chunk.css.map */