body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{min-height:100vh;background-color:#2d3e50}#__next,body,html{display:flex;flex:1 1;width:100%}#__next{flex-direction:column;justify-content:space-between;overflow-x:hidden}#__next>section{z-index:1}h1,h2{padding:10px;margin:0;font-size:12px;text-transform:uppercase;min-height:auto}h1,h1 a,h2{color:#2dcc70}a{text-decoration:none}a.active{color:#2dcc70}a:hover{text-decoration:underline}ul{list-style:none;padding:0;margin:0}header{display:flex;justify-content:space-between;z-index:10;box-sizing:border-box;align-items:flex-start;height:33px;position:fixed;top:0;width:100vw}header:before{content:" ";background-color:#1e2936;background-image:linear-gradient(transparent,rgba(0,0,0,.2));box-shadow:0 2px 2px rgba(0,0,0,.07),inset 0 -1px 1px rgba(0,0,0,.38),inset 0 1px 1px hsla(0,0%,100%,.05);width:100%;height:100%;position:absolute;z-index:-1;transition:.3s;top:0}header>h1:first-child{padding:0 0 0 15px;overflow:hidden;height:15px;margin-top:9px;white-space:nowrap}header>h1>a{display:block;height:15px;line-height:15px}header nav{padding-right:15px}.videoContainer.tv+input+header:before{transform:translateY(-100%)}.videoContainer.tv+input+header nav>ul,.videoContainer.tv+input+header>h1{transition:.3s;transform:translateY(-30px)}.videoContainer.tv+input+header:hover nav>ul,.videoContainer.tv+input+header:hover:before,.videoContainer.tv+input+header:hover>h1{transform:translateY(0)}nav{display:flex;justify-content:space-between;align-items:center;padding:0 10px;height:33px}#burger{display:none}#burger:checked+header nav ul{transform:translateY(0)}label[for=burger]{background-image:linear-gradient(#2dcc70,#2dcc70);background-color:#2dcc70;background-size:17px 2px;background-position-y:9px;background-repeat:no-repeat;cursor:pointer;margin-left:5px;pointer-events:none;height:2px}label[for=burger],label[for=burger]:after,label[for=burger]:before{width:17px;height:2px;position:relative;content:" ";display:block;transition:.3s}label[for=burger]:after,label[for=burger]:before{background-color:#2dcc70;width:12px;margin-left:5px;position:absolute}label[for=burger]:before{transform:translateY(-5px)}label[for=burger]:after{transform:translateY(5px)}#burger:checked+header label[for=burger]{width:12px;margin-right:5px;background-size:0 2px;background-position-x:12px}#burger:checked+header label[for=burger]:before{transform:translateY(0) rotate(-45deg)}#burger:checked+header label[for=burger]:after{transform:translateY(0) rotate(45deg)}nav>ul{list-style:none;justify-content:space-between}nav>ul,nav>ul>li{display:flex;margin:0;padding:0;align-items:center}nav>ul>li{justify-content:center}nav a{padding:10px;color:#fff;text-transform:uppercase;font-size:12px;font-weight:700;white-space:nowrap}nav>ul>li.back{flex:1 1}footer{background-color:#1e2936;padding-left:15px;padding-right:15px;background-image:linear-gradient(rgba(0,0,0,.2),transparent);box-shadow:0 2px 2px rgba(0,0,0,.07),inset 0 1px 1px rgba(0,0,0,.38);text-align:right;color:#fff;font-size:12px;text-transform:uppercase;font-weight:700;z-index:10;min-height:25px;display:flex;align-items:center;justify-content:space-between;transition-duration:.25s;opacity:1;position:fixed;bottom:0}footer.tv{opacity:0}footer.tv:hover{opacity:1}footer .copyright{color:#496280}footer .links a{color:#4183c4}.content{scroll-padding-top:160px;flex:1 1;height:100%;display:flex;flex-direction:column;padding-bottom:112px}@media(max-width:560px){.content{padding-top:84px}}@media(min-width:560px){.content{padding-top:84px}}.content>h1+.tags{text-align:right;margin-top:8px;margin-bottom:18px;text-shadow:1px 1px 3px rgba(0,0,0,.1);z-index:10;flex-direction:column;right:4px;top:55px;position:fixed;padding-top:40px;align-items:flex-end;overflow:hidden;max-height:calc(100vh - 120px);pointer-events:none}.content>h1+.tags li{height:24px}.content>h1+.tags li a{color:#2dcc70;text-align:right;background-color:#2d3e50;padding:2px 10px 4px 15px;font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden}.content>h1+.tags li a:hover{color:#2dcc70}.content>h1+.tags li a.active{background-color:#2dcc70;color:#2d3e50}.content>h1+.tags li a:after{content:"#";opacity:.6;padding-left:4px}.content>h1+.tags li{transform:translateX(100%);transition-duration:.25s}.content>h1{text-align:right;margin:18px 24px 18px 18px;z-index:11;right:0;flex-basis:30px;font-size:18px;text-shadow:1px 1px 3px rgba(0,0,0,.1);float:right;align-self:flex-end;position:fixed;top:24px;background-color:#2d3e50}.content>h1:active,.content>h1:hover{opacity:1!important}body::-webkit-scrollbar{-webkit-appearance:none;width:4px;inset:20px 20px 20px 20px}::-webkit-scrollbar-track{background:#2d3e50}body::-webkit-scrollbar-thumb{inset:20px 20px 20px 20px;background-color:red;border-radius:0;border:0 solid #2d3e50}main>section>ul{transition:1.3s}main>section.project>ul{transform:translateX(-97%)}.stuff .items{list-style:none;padding:0 24px 24px;display:flex;position:relative;z-index:1;flex-wrap:wrap;justify-content:center;max-width:1200px;margin:0 auto;align-items:flex-start}body,html{scroll-padding-top:160px}.content.stuff h1:not(:empty):before{content:"#"}.content>h1:hover{opacity:1!important}.content>h1+.tags:hover,.content>h1:hover+.tags{z-index:100;pointer-events:all}.content>h1+.tags:hover li,.content>h1:hover+.tags li{transform:translateX(0)!important}.content>h1+.tags:hover li:first-child,.content>h1:hover+.tags li:first-child{transition-duration:.26s}.content>h1+.tags:hover li:nth-child(2),.content>h1:hover+.tags li:nth-child(2){transition-duration:.27s}.content>h1+.tags:hover li:nth-child(3),.content>h1:hover+.tags li:nth-child(3){transition-duration:.28s}.content>h1+.tags:hover li:nth-child(4),.content>h1:hover+.tags li:nth-child(4){transition-duration:.29s}.content>h1+.tags:hover li:nth-child(5),.content>h1:hover+.tags li:nth-child(5){transition-duration:.3s}.content>h1+.tags:hover li:nth-child(6),.content>h1:hover+.tags li:nth-child(6){transition-duration:.31s}.content>h1+.tags:hover li:nth-child(7),.content>h1:hover+.tags li:nth-child(7){transition-duration:.32s}.content>h1+.tags:hover li:nth-child(8),.content>h1:hover+.tags li:nth-child(8){transition-duration:.33s}.content>h1+.tags:hover li:nth-child(9),.content>h1:hover+.tags li:nth-child(9){transition-duration:.34s}.content>h1+.tags:hover li:nth-child(10),.content>h1:hover+.tags li:nth-child(10){transition-duration:.35s}.content>h1+.tags:hover li:nth-child(11),.content>h1:hover+.tags li:nth-child(11){transition-duration:.36s}.content>h1+.tags:hover li:nth-child(12),.content>h1:hover+.tags li:nth-child(12){transition-duration:.37s}.content>h1+.tags:hover li:nth-child(13),.content>h1:hover+.tags li:nth-child(13){transition-duration:.38s}.content>h1+.tags:hover li:nth-child(14),.content>h1:hover+.tags li:nth-child(14){transition-duration:.39s}.content>h1+.tags:hover li:nth-child(15),.content>h1:hover+.tags li:nth-child(15){transition-duration:.4s}.content>h1+.tags:hover li:nth-child(16),.content>h1:hover+.tags li:nth-child(16){transition-duration:.41s}.content>h1+.tags:hover li:nth-child(17),.content>h1:hover+.tags li:nth-child(17){transition-duration:.42s}.content>h1+.tags:hover li:nth-child(18),.content>h1:hover+.tags li:nth-child(18){transition-duration:.43s}.content>h1+.tags:hover li:nth-child(19),.content>h1:hover+.tags li:nth-child(19){transition-duration:.44s}.content>h1+.tags:hover li:nth-child(20),.content>h1:hover+.tags li:nth-child(20){transition-duration:.45s}.content>h1+.tags:hover li:nth-child(21),.content>h1:hover+.tags li:nth-child(21){transition-duration:.46s}.content>h1+.tags:hover li:nth-child(22),.content>h1:hover+.tags li:nth-child(22){transition-duration:.47s}.content>h1+.tags:hover li:nth-child(23),.content>h1:hover+.tags li:nth-child(23){transition-duration:.48s}.content>h1+.tags:hover li:nth-child(24),.content>h1:hover+.tags li:nth-child(24){transition-duration:.49s}.content>h1+.tags:hover li:nth-child(25),.content>h1:hover+.tags li:nth-child(25){transition-duration:.5s}.content>h1+.tags:hover li:nth-child(26),.content>h1:hover+.tags li:nth-child(26){transition-duration:.51s}.content>h1+.tags:hover li:nth-child(27),.content>h1:hover+.tags li:nth-child(27){transition-duration:.52s}.content>h1+.tags:hover li:nth-child(28),.content>h1:hover+.tags li:nth-child(28){transition-duration:.53s}.content>h1+.tags:hover li:nth-child(29),.content>h1:hover+.tags li:nth-child(29){transition-duration:.54s}.content>h1+.tags:hover li:nth-child(30),.content>h1:hover+.tags li:nth-child(30){transition-duration:.55s}.content>h1+.tags:hover li:nth-child(31),.content>h1:hover+.tags li:nth-child(31){transition-duration:.56s}.content>h1+.tags:hover li:nth-child(32),.content>h1:hover+.tags li:nth-child(32){transition-duration:.57s}.content>h1+.tags:hover li:nth-child(33),.content>h1:hover+.tags li:nth-child(33){transition-duration:.58s}.content>h1+.tags:hover li:nth-child(34),.content>h1:hover+.tags li:nth-child(34){transition-duration:.59s}.content>h1+.tags:hover li:nth-child(35),.content>h1:hover+.tags li:nth-child(35){transition-duration:.6s}.content>h1+.tags:hover li:nth-child(36),.content>h1:hover+.tags li:nth-child(36){transition-duration:.61s}.content>h1+.tags:hover li:nth-child(37),.content>h1:hover+.tags li:nth-child(37){transition-duration:.62s}.content>h1+.tags:hover li:nth-child(38),.content>h1:hover+.tags li:nth-child(38){transition-duration:.63s}.content>h1+.tags:hover li:nth-child(39),.content>h1:hover+.tags li:nth-child(39){transition-duration:.64s}.content>h1+.tags:hover li:nth-child(40),.content>h1:hover+.tags li:nth-child(40){transition-duration:.65s}.content.stuff>h1>a{pointer-events:none}@media only screen and (max-width:640px){.stuff .items{padding:12px}.stuff .items>li{max-width:360px;min-width:260px}}@media only screen and (max-width:440px){.stuff .items>li{min-width:270px}header nav{display:none}}@media only screen and (max-width:640px){.content>h1+.tags{top:48px}.content>h1+.tags::-webkit-scrollbar{width:0}.content>h1{margin-bottom:7px;margin-right:12px}.items{padding-top:0!important}}@keyframes tags_anim{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes tags_anim_reverse{0%{transform:translateX(0)}to{transform:translateX(100%)}}.NotFoundPage{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;position:absolute;z-index:100;top:0}.NotFoundPage h1{font-size:60px;color:#2dcc70;text-shadow:2px 2px 4px rgba(0,0,0,.3);margin:48px 24px 0 0}.NotFoundPage .bg_close{cursor:pointer;flex:1 1;width:100%;height:100%}.NotFoundPage h2{text-transform:uppercase;font-size:20px;color:#2dcc70;text-shadow:2px 2px 4px rgba(0,0,0,.3);margin:0 24px 48px 0}.stuff>.items>li{max-width:320px;min-width:272px;display:flex;flex:1 1;position:relative;z-index:2;background-color:transparent}.stuff_item{transition-duration:.3s}.stuff_item.hover:not(:active){transform:scale(1.025)}.stuff>.items>li.disabled{opacity:.95}.stuff>.items>li.disabled:hover{opacity:1}.stuff>.items>li.disabled>a{pointer-events:none}.stuff>.items>li.disabled .wrapper .thumb{opacity:.4}.stuff>.items>li.disabled .wrapper:after{content:"not available";position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:rgba(0,0,0,.6);color:rgba(0,64,0,0);display:flex;align-items:center;justify-content:center;font-weight:900;text-transform:uppercase;font-size:13px;transition-duration:.3s;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}.stuff>.items>li.disabled:hover .wrapper:after{color:#2dcc70;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.stuff>.items>li>a{flex:1 1 100%;display:flex;position:relative;z-index:1;cursor:pointer;padding-bottom:56.25%;color:transparent}.stuff>.items>li .wrapper{left:0;margin:8px;height:calc(100% - 16px);z-index:2;pointer-events:none;background-color:#37485a}.stuff>.items>li .wrapper,li .skills{position:absolute;width:calc(100% - 16px)}li .skills{flex:1 1;top:8px;left:8px;margin:0;z-index:3;overflow:hidden;display:flex;justify-content:flex-start;align-items:flex-end;background-color:#1e2936;background-image:linear-gradient(transparent,rgba(0,0,0,.2));box-shadow:0 2px 2px rgba(0,0,0,.07),inset 0 -1px 1px rgba(0,0,0,.38),inset 0 1px 1px hsla(0,0%,100%,.05);text-transform:uppercase;font-size:9px;font-weight:700;color:#2dcc70;transition:.25s;height:0}li .skills>a{color:#2dcc70;padding-left:10px;white-space:nowrap;padding-bottom:4px}.stuff.items>input:checked+li .skills,.stuff_item:hover .skills{height:20px}.stuff_item .title{position:absolute;bottom:0;color:#ffe900;text-transform:uppercase;font-size:11px;font-weight:700;background-color:#1e2936;background-image:linear-gradient(transparent,rgba(0,0,0,.2));box-shadow:0 2px 2px rgba(0,0,0,.07),inset 0 -1px 1px rgba(0,0,0,.38),inset 0 1px 1px hsla(0,0%,100%,.05);padding:4px 10px 4px 4px}.stuff_item .thumb{position:absolute;flex:1 1;background-size:cover;background-position:50%;top:0;left:0;width:100%;height:100%}li.flash .wrapper:before,li.js .wrapper:before{content:" ";background-image:url(/img/hash/flash.svg);background-position:calc(100% - 4px) calc(100% - 4px);background-repeat:no-repeat;position:absolute;z-index:5;top:0;left:0;width:100%;height:100%;pointer-events:none;background-size:15px}li.js .wrapper:before{background-image:url(/img/hash/js.svg)}.noFlash .stuff_item.flash .title{color:hsla(0,0%,100%,.5)}.videoContainer{position:fixed;z-index:0;top:0;height:100%;width:100vw;overflow:hidden;display:flex;justify-content:center;align-items:center}.videoContainer.tv .videoDots{opacity:0}.videoContainer .videoDots:before{content:" ";display:block;position:absolute;width:100%;height:100%;top:0;left:0;z-index:2;background-image:repeating-radial-gradient(center center,rgba(45,62,80,.3),rgba(45,62,80,.3) 1px,transparent 1.2px,transparent 100%);background-size:3px 3px;background-color:rgba(45,62,80,.8)}.videoContainer .videoDots{width:100%;height:100%;position:absolute;z-index:2;opacity:1;transition:.2s;pointer-events:none}.App_tv .videoContainer .videoDots{opacity:0}.videoContainer .loading{z-index:10;font-size:11px;font-weight:700;text-transform:uppercase;color:#2dcc70}.videoContainer video{width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);position:fixed;z-index:1;opacity:0;object-fit:cover}.videoContainer video.started{opacity:1;transition:var(--speed)}.content.tv{overflow-y:hidden}iframe{border:0}#videoFrame{width:100vw;height:100vh}@media(max-width:440px){.Nav_nav__bbBcN{display:none}}