#intro{padding:94px var(--gap-horizontal) 27px;background-image:url(/images/avatar.png),url(/images/peace.svg),linear-gradient(180deg,#f5f5f56b,#ffffff08 36%,#a4a4a43d 75%);background-position:right var(--gap-horizontal) top 84px,right 79px top 0,0;background-size:506px 680px,auto 100%,100%;z-index:1}#intro:after,#intro:before{content:"";background-image:url(/images/square.svg);width:52px;height:56px;position:absolute;background-size:contain;z-index:-1;opacity:.49}#intro:after{top:var(--header-height);left:0}#intro:before{bottom:0;right:0}#intro #content{max-width:490px;margin-bottom:68px;gap:16px}#intro #content #more button{width:200px;height:50px}#intro #showcases .title:after{content:"";position:absolute;width:86px;height:3px;left:0;bottom:-5px;background:var(--primary)}#intro #showcases ul li{width:156px;height:114px}#intro #followme{width:25px;right:32px;top:68px;height:calc(100% - 68px)}#intro #followme:after{margin-bottom:13px}#intro #followme:before{margin-top:13px}#intro #followme:after,#intro #followme:before{content:"";background-image:url(/images/dash.svg);width:1px;flex:1}#intro #followme li{transform:rotate(-90deg);font-size:23px;max-height:20px;margin-bottom:25px}#intro #followme li,#intro #followme li a{color:var(--light-gray-150)}#intro #followme li a:hover{color:var(--light-gray-400)}#intro #followme li:first-child{margin-top:25px}#intro #followme li:last-child{font-size:13px;white-space:nowrap;font-family:Archivo,sans-serif;max-height:57px}@media only screen and (max-width:1280px){#intro #showcases ul li:nth-child(5){display:none}}@media only screen and (max-width:1024px){#intro #showcases ul li:nth-child(4){display:none}}@media only screen and (max-width:768px){#intro{padding:58px 0 0;background-position:left -16px top 77px,left -15px top 0,0;background-size:344px 443px,auto 100%,100%;align-items:flex-end}#intro #content{margin:70px var(--gap-horizontal);max-width:358px;gap:26px}#intro #followme,#intro #showcases{display:none}}@media only screen and (max-width:680px){#intro{padding:var(--header-height) 0 0;background-position:top 225px center,50%,0;background-size:320px 421px,auto 100%,100%;min-height:600px}#intro:after,#intro:before{width:36px;height:39px}#intro #content{margin:17px auto;max-width:480px;gap:5px}#intro #content #more{display:none}}@media only screen and (max-width:375px){#intro{padding:var(--header-height) 0 0;background-position:top 167px center,50%,0;background-size:320px 421px,auto 100%,100%;min-height:546px}}#skills{width:100%;height:var(--skill-height);background:var(--primary);padding:calc((var(--skill-height) - var(--skill-img-height)) / 2) var(--gap-horizontal);margin-bottom:var(--gap-vertical)}#skills img{height:var(--skill-img-height);margin:0 auto}section#about .content{line-height:46px;letter-spacing:1.04px}@media only screen and (max-width:768px){section#about .content{line-height:32px}}@media only screen and (max-width:375px){section#about .content{line-height:23px;letter-spacing:normal}}section#contact .icon{width:68px;height:68px;border:1px solid var(--primary);font-size:25px;color:var(--primary)}section#contact .item{gap:15px}section#contact .item .key{color:var(--secondary);font-size:20px}section#contact .item .value{font-size:25px}section#contact .content{gap:100px}section#contact .content .list{gap:60px}section#contact .content .list>div{gap:30px}@media only screen and (max-width:1280px){section#contact .content{gap:30px}section#contact .icon{width:50px;height:50px;font-size:17px}section#contact .item{gap:10px}section#contact .item .key{font-size:15px}section#contact .item .value{font-size:17px}}@media only screen and (max-width:768px){section#contact .content{gap:30px;-webkit-box-orient:vertical;-webkit-box-direction:reverse;flex-direction:column-reverse}section#contact .icon{width:52px;height:52px;font-size:19px}section#contact .item{gap:13px}section#contact .item .key{font-size:14px}section#contact .item .value{font-size:18px}section#contact .content .list{gap:25px}}@media only screen and (max-width:375px){section#contact .content{gap:32px}section#contact .icon{width:38px;height:38px;font-size:14px}section#contact .content .item{gap:10px}section#contact .item .key{font-size:12px}section#contact .item .value{font-size:15px}section#contact .content .list{gap:20px;margin:0 auto}section#contact .content .list>div{gap:16px}}@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, 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");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border-radius:50%;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top:4px solid transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media only screen and (max-width:1280px){:root{--gap-horizontal:80px;--gap-vertical:75px;--skill-height:120px;--skill-img-height:56px}}@media only screen and (max-width:1024px){:root{--skill-height:106px;--skill-img-height:52px}}@media only screen and (max-width:768px){:root{--gap-horizontal:46px;--gap-vertical:50px;--header-height:58px;--skill-height:112px;--skill-img-height:46px}}@media only screen and (max-width:500px){:root{--gap-horizontal:14px;--gap-vertical:30px;--header-height:58px;--skill-height:76px;--skill-img-height:38px}}@media only screen and (max-width:375px){:root{--header-height:42px;--skill-height:68px;--skill-img-height:30px}}.socials li{color:var(--light);font-size:25px}section{margin-bottom:var(--gap-vertical);min-height:680px}@media only screen and (min-width:1024px){section:not(#about):after{content:"";position:absolute;top:78px;left:0;background-image:url(/images/square.svg);background-size:contain;width:69px;height:74px;opacity:.49}}section>.title{padding:10px 0;color:var(--primary);font-size:38px;margin:0 var(--gap-horizontal) 60px}section>.title:after{content:"";width:158px;border-bottom:3px solid var(--primary);position:absolute;left:0;bottom:0}section>.title i{margin-right:12px;font-size:35px}section>.title span:last-child{position:absolute;font-size:88px;letter-spacing:8.8px;text-transform:uppercase;color:#00000008;right:calc(var(--gap-horizontal) * -1);user-select:none;top:-10px;z-index:-1}section>.content{color:var(--secondary);font-size:26px;margin:0 var(--gap-horizontal)}section>.content>.controls{margin-right:var(--gap-horizontal);margin-bottom:30px;gap:39px}section.highlight{background:linear-gradient(180deg,#fff,#05aa6e59 24%,#fff 98.5%)}@media only screen and (max-width:768px){section{min-height:auto}section>.title{font-size:30px;margin:0 var(--gap-horizontal) 50px}section>.title i{font-size:28px}section>.title:after{width:128px}section>.title span:last-child{font-size:68px;letter-spacing:6.8px}section>.content{font-size:18px;margin:0 var(--gap-horizontal)}section>.content>.controls{margin-bottom:25px;gap:23px}}@media only screen and (max-width:375px){section{overflow:hidden}section>.title{font-size:21px;margin:0 auto 25px;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;gap:8px}section>.title i{font-size:24px;margin:0}section>.title:after{width:58px;position:static}section>.title span:last-child{display:none}@supports (writing-mode:vertical-rl){section>.title span:last-child{display:block;writing-mode:vertical-rl;left:-18px;top:-7px;transform:rotate(180deg);color:#0000000f;font-size:52px;z-index:-1}}section>.content{font-size:14px;margin:0 var(--gap-horizontal)}section>.content>.controls{gap:18px;margin-bottom:18px}}section#achievements .content,section#portfolio .content{margin:0}section>.title{margin-bottom:30px}section .content .swiper{padding:10px}section .content .swiper-slide{box-shadow:0 0 8px 0 #acacac61;border-radius:8px;overflow:hidden;transition:all .2s ease-in-out}section .content .swiper-slide:hover{box-shadow:0 0 8px 0 var(--dark-green-300)}section .project img.cover{transition:all .3s ease-in-out}section .project:hover img.cover{transform:scale(1.18)}section .project .skills img{height:20px}section .project .description{min-height:178px}section .slide-next,section .slide-prev{width:58px;height:58px;background:var(--light);padding:0;box-shadow:0 0 8px #acacac61;border-radius:8px;border:0;color:var(--primary);font-size:26px}section .slide-next:hover,section .slide-prev:hover{background:var(--primary);color:var(--light);transform:scale(1.12)}@media only screen and (min-width:1280px){section#achievements .content,section#portfolio .content{margin:0 0 0 calc(var(--gap-horizontal) - 10px)}}@media only screen and (max-width:768px){section .slide-next,section .slide-prev{width:38px;height:38px;font-size:18px}}@media only screen and (max-width:375px){section .slide-next,section .slide-prev{width:33px;height:33px;font-size:16px}}