@font-face{font-family:'Operator Mono';font-weight:400;font-style:normal;font-display:swap;src:url(/public/fonts/OperatorMono-Book.woff2) format("woff2")}@font-face{font-family:'Operator Mono';font-weight:400;font-style:italic;font-display:swap;src:url(/public/fonts/OperatorMono-BookItalic.woff2) format("woff2")}@font-face{font-family:'Operator Mono';font-weight:700;font-style:normal;font-display:swap;src:url(/public/fonts/OperatorMono-Bold.woff2) format("woff2")}@font-face{font-family:'Operator Mono';font-weight:700;font-style:italic;font-display:swap;src:url(/public/fonts/OperatorMono-BoldItalic.woff2) format("woff2")}@font-face{font-family:'Operator Mono';font-weight:300;font-style:normal;font-display:swap;src:url(/public/fonts/OperatorMono-Light.woff2) format("woff2")}@font-face{font-family:'Operator Mono';font-weight:300;font-style:italic;font-display:swap;src:url(/public/fonts/OperatorMono-LightItalic.woff2) format("woff2")}html{font-family:'Operator Mono', sans-serif}body{color:#949ba0;margin:0;padding:0}body.body-hovered{cursor:-webkit-grab;cursor:grab}::-moz-selection{background:rgba(50,60,67,0.4)}::selection{background:rgba(50,60,67,0.4)}*{-webkit-box-sizing:border-box;box-sizing:border-box}a{color:white;text-decoration:none;-webkit-transition:color ease 0.2s, background ease 0.2s;transition:color ease 0.2s, background ease 0.2s}a:hover{color:white}h2{position:relative;z-index:60;color:white;font-size:62px;margin-bottom:0;margin-top:0}h3{font-size:36px;font-weight:400;font-style:italic;margin:1rem 0 0}p{color:#949ba0;font-size:18px;font-style:italic;line-height:1.6}#canvas>canvas{position:fixed;z-index:1;top:0;left:0;pointer-events:none}header{position:fixed;z-index:145;top:30px;left:0;right:0}header .container{width:1150px;max-width:calc(100vw - 200px);margin-left:auto;margin-right:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}header nav#main{position:relative;height:54px;background:rgba(50,60,67,0.75);-webkit-backdrop-filter:blur(15px) brightness(1.4);backdrop-filter:blur(15px) brightness(1.4);border-radius:27px;font-size:16px}header nav#tools{margin-left:20px}header nav#tools button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:54px;width:54px;padding:5px;border:0;background:rgba(50,60,67,0.75);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:54px;font-size:28px;font-weight:700;color:white;cursor:pointer;-webkit-transition:color ease-in-out 0.2s, background-color ease-in-out 0.2s;transition:color ease-in-out 0.2s, background-color ease-in-out 0.2s}header nav#tools button.active{background-color:#ff5127;color:#273139}header nav#tools button:hover,header nav#tools button:focus,header nav#tools button:active{outline:none}header nav#tools button#gravity.active{-webkit-animation:rotate ease 3s infinite;animation:rotate ease 3s infinite}header nav#tools button svg{display:block;width:100%;height:100%}header [href]{padding:10px 20px;border-radius:24px}header [href].active,header [href]:hover{background:#ff5127}header #active-element{display:block;position:absolute;top:7px;height:39px;width:40px;background:#e62d00;border-radius:24px;-webkit-transition:left ease-in-out 0.4s, width ease-in-out 0.4s, opacity ease-in-out 0.2s;transition:left ease-in-out 0.4s, width ease-in-out 0.4s, opacity ease-in-out 0.2s}header ul{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;z-index:5;list-style:none;margin:0;padding:7px}header ul li{display:inline-block;margin:10px 0}footer{position:relative;z-index:50;color:#949ba0;padding:3rem 0}footer a{color:#949ba0}footer a:hover{color:#ff5127}footer .container{width:1150px;max-width:calc(100vw - 200px);margin-left:auto;margin-right:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}footer ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0;margin:0;list-style:none}footer li{margin-right:2rem}section#home{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:calc(50vh - 100px);min-height:100vh;text-align:center}section#home>.head{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;display:block;position:relative;z-index:60;pointer-events:none}section#home h1{color:white;font-size:62px;margin-bottom:0}section#home h1 span{color:#ff5127}section#works{position:relative;padding:5vh 0;overflow-x:hidden;text-align:center}section#works h3,section#works p{-webkit-transition:color ease-in-out 0.3s;transition:color ease-in-out 0.3s}section#works .swiper-slide p{font-size:16px}section#works picture>img{position:absolute;will-change:transform;-webkit-animation:scrollingImage linear 30s infinite paused;animation:scrollingImage linear 30s infinite paused}section#works picture:hover>img{-webkit-animation-play-state:running;animation-play-state:running}@-webkit-keyframes scrollingImage{0%,10%,100%{-webkit-transform:translateY(0%);transform:translateY(0%)}66%{-webkit-transform:translateY(calc(-100% + 640px));transform:translateY(calc(-100% + 640px))}}@keyframes scrollingImage{0%,10%,100%{-webkit-transform:translateY(0%);transform:translateY(0%)}66%{-webkit-transform:translateY(calc(-100% + 640px));transform:translateY(calc(-100% + 640px))}}section#blog{position:relative;padding:5vh 0;overflow-x:hidden;text-align:center}section#about{width:1150px;max-width:calc(100vw - 200px);margin:0 auto;padding:12.5vh 0 15vh}section#about .block{position:relative;z-index:60;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}section#about #about-img{display:block;-webkit-box-flex:0;-ms-flex:0 0 calc(50% - 20px);flex:0 0 calc(50% - 20px);max-width:calc(50% - 20px)}section#about .text{-webkit-box-flex:0;-ms-flex:0 0 calc(40% - 20px);flex:0 0 calc(40% - 20px);max-width:calc(40% - 20px);margin-left:10%}section#skills{width:1150px;max-width:calc(100vw - 200px);padding:10vh 0;margin:0 auto;text-align:center}section#skills>*{position:relative}section#skills .skills-container{width:100%;display:grid;grid-auto-flow:row;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-template-rows:1fr;grid-gap:20px;justify-items:stretch;-webkit-box-align:start;-ms-flex-align:start;align-items:start}section#skills .skills-container>.skill{position:relative;z-index:60;display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px;background:#323c43;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;-webkit-transition:background-color ease 0.3s;transition:background-color ease 0.3s}section#skills .skills-container>.skill>*{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;-webkit-transition:color ease 0.3s;transition:color ease 0.3s}section#skills .skills-container>.skill>strong{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;font-weight:500;font-size:92px;font-style:italic;color:white;margin:1rem 0}section#skills .skills-container>.skill>em{font-style:normal}section#skills .skills-container>.skill>h3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;text-align:left;font-size:14px;font-weight:400;margin:0}section#skills .skills-container>.skill:hover{background:white;color:#273139}section#skills .skills-container>.skill:hover>strong{color:#273139}#blog-modal-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:140;background-color:rgba(29,36,42,0.75)}#blog-modal-container{position:fixed;z-index:150;top:110px;bottom:5vh;left:calc(50% - calc(1150px / 2));width:100%;max-width:1150px;height:100%;max-height:calc(95vh - 110px);background:#323c43;border-radius:27px}#blog-modal-container>*:first-child{margin-top:0}#blog-modal-container>*:last-child{margin-bottom:0}#blog-modal-container h1,#blog-modal-container h2,#blog-modal-container h3,#blog-modal-container h4,#blog-modal-container h5{color:#fff}#blog-modal-container h4{font-size:24px;margin-top:2.5rem}#blog-modal-container h5{font-size:16px;margin-top:2.5rem}#blog-modal-container p{font-size:16px}#blog-modal-container code{font-size:16px;display:inline-block;border-radius:15px;padding:4px 10px;background:#273139}#blog-modal-container pre>code{display:block;padding:15px;margin:15px 0}#blog-modal-container pre>code.language-shell::first-word{color:#ff5127}#blog-modal-image{border-radius:27px 27px 0 0;overflow:hidden}#blog-modal-image img{width:100%;height:20vh;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}#blog-modal-content{padding:12px 39px;margin:15px 15px 25px;overflow-y:scroll;height:calc(100% - 20vh - 40px)}#blog-modal-content::-webkit-scrollbar{background-color:#2d353c;width:12px;border-radius:6px}#blog-modal-content::-webkit-scrollbar-thumb{background-color:#ff5127}#blog-modal-background,#blog-modal-container{pointer-events:none;opacity:0}body .swiper-container{position:relative;z-index:75;width:1150px;max-width:calc(100vw - 200px);overflow:visible;padding:7vh 0;text-align:left}.swiper-scrollbar{position:absolute;left:12.5%;bottom:0;display:block;width:75%;height:15px;background-color:#323c43;border-radius:15px}.swiper-scrollbar-drag{height:15px;background:#ff5127;border-radius:15px}body .swiper-slide{will-change:transform, opacity;-webkit-filter:grayscale(1);filter:grayscale(1);opacity:0.25;-webkit-transition:all ease-in-out 0.3s;transition:all ease-in-out 0.3s}body .swiper-slide picture{position:relative;display:block;overflow:hidden;width:100%;height:60vh;max-height:640px}body [data-slide-per-view="2"] .swiper-slide-active+.swiper-slide,body .swiper-slide-active{opacity:1;-webkit-filter:grayscale(0);filter:grayscale(0)}body [data-slide-per-view="2"] .swiper-slide-active+.swiper-slide h3,body .swiper-slide-active h3{-webkit-transition-delay:0.25s;transition-delay:0.25s;color:white}.swiper-button-prev,.swiper-button-next{position:absolute;top:0;bottom:0;z-index:5;display:block;height:100%;width:auto;cursor:pointer}.swiper-button-next{right:-100%;left:100%}.swiper-button-prev{left:-100%;right:100%}@media screen and (max-width: 992px){section#skills,section#works,section#blog,section#about,section#home,header .container{width:calc(100vw - 30px);max-width:calc(100vw - 30px);margin:0 15px}header nav#main{font-size:16px}header [href]{padding-left:12px;padding-right:12px}body .swiper-container{width:100%;max-width:100%}section#skills .skills-container{grid-template-columns:1fr 1fr}section#skills .skills-container>.skill>strong{font-size:62px}.skill-empty{display:none}section#about #about-img,section#about .text{max-width:100%;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;height:auto;margin:0}section#home h1{font-size:32px}h2{font-size:28px}section#works h3{font-size:24px}p{position:relative;z-index:50}#blog-modal-container{left:10px;right:10px;width:calc(100% - 20px)}#blog-modal-content{padding:0 10px;margin:0;height:calc(100% - 20vh - 15px)}}#alerts{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;pointer-events:none;opacity:0;-webkit-transition:opacity ease-in-out 0.75s;transition:opacity ease-in-out 0.75s}.gravity-alert #alerts{opacity:1}#alerts .alert{position:fixed}#alerts .alert::before{content:"";position:absolute;display:block;width:75vh;height:75vh;background-image:radial-gradient(rgba(255,81,39,0.5) 0%, transparent 75%);background-position:-37.5vh -37.5vh;background-repeat:no-repeat;-webkit-transform-origin:left top;transform-origin:left top}.gravity-alert #alerts .alert::before{-webkit-animation:rotate linear 2s infinite;animation:rotate linear 2s infinite}#alerts .alert::after{content:"";position:absolute;right:100%;bottom:100%;display:block;width:75vh;height:75vh;background-image:radial-gradient(rgba(255,81,39,0.5) 0%, transparent 75%);background-position:37.5vh 37.5vh;background-repeat:no-repeat;-webkit-transform-origin:right bottom;transform-origin:right bottom}.gravity-alert #alerts .alert::after{-webkit-animation:rotate linear 2s infinite;animation:rotate linear 2s infinite}#alerts .alert.one{left:0;top:0}#alerts .alert.two{right:0;top:0}#alerts .alert.three{right:0;bottom:0}#alerts .alert.four{left:0;bottom:0}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}

@font-face{font-family:'swiper-icons';src:url("data:application/font-woff;charset=utf-8;base64, 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") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0)}.swiper-container-multirow>.swiper-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-slide{-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height, -webkit-transform;transition-property:height, -webkit-transform;transition-property:transform, height;transition-property:transform, height, -webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-wrapper,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-cube-shadow{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear, right top, left top, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0)));background-image:linear-gradient(to left, rgba(0,0,0,0.5), rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0)));background-image:linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0)));background-image:linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0)));background-image:linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}


/*# sourceMappingURL=bundle.css.map*/