@import url(https://fonts.googleapis.com/css?family=Google+Sans:100,300,400,500,700,900,100i,300i,400i,500i,700i,900i);@import url(https://fonts.googleapis.com/css?family=Miriam+Libre:400,700);@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Alata&family=Anton&family=Archivo+Black&family=Fjalla+One&family=Lexend+Deca:wght@100;200;300;400;700;800&family=Russo+One&display=swap);@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes cursor-blink{0%,to{opacity:0}50%{opacity:100}}@-webkit-keyframes pulsate1{0%{-webkit-transform:scale(.6);transform:scale(.6);opacity:1;box-shadow:inset 0 0 25px 3px rgba(255,255,255,.75),0 0 25px 10px rgba(255,255,255,.75)}to{-webkit-transform:scale(1);transform:scale(1);opacity:0;box-shadow:none}}@keyframes pulsate1{0%{-webkit-transform:scale(.6);transform:scale(.6);opacity:1;box-shadow:inset 0 0 25px 3px rgba(255,255,255,.75),0 0 25px 10px rgba(255,255,255,.75)}to{-webkit-transform:scale(1,1);transform:scale(1);opacity:0;box-shadow:none}}@keyframes sound{0%{opacity:.35;height:3px}to{opacity:1;height:28px}}@keyframes btn-anim1{0%{left:-100%}50%,to{left:100%}}@keyframes btn-anim2{0%{top:-100%}50%,to{top:100%}}@keyframes btn-anim3{0%{right:-100%}50%,to{right:100%}}@keyframes btn-anim4{0%{bottom:-100%}50%,to{bottom:100%}}@keyframes animate{0%{background-position:-500%}to{background-position:500%}}@font-face{font-family:'aassassinninjaregular';src:url(fonts/assassinninja-7byyr-webfont.woff2) format('woff2'),url(fonts/assassinninja-7byyr-webfont.woff) format('woff'),url(fonts/AssassinNinja-7BYyR.ttf) format('truetype');font-weight:400;font-style:normal}.body,html{scroll-behavior:smooth}body,html{margin:0;height:100vh;overflow:hidden}body{background:#000;background-attachment:fixed;padding:0;font-family:Tahoma;color:#000;font-weight:700;display:block;overflow-x:hidden}.body{position:fixed;top:.5px;bottom:.5px;left:.5px;right:.5px;-webkit-overflow-scrolling:touch}.googleFont{font-family:'Google Sans',Roboto,Arial,sans-serif;font-size:.875rem;font-weight:500;line-height:1.25rem;color:#fff;letter-spacing:.2px;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgb(0 0 0/60%),0 0 2px rgb(0 0 0/30%);white-space:nowrap}*{font-family:'Lexend Deca',sans-serif;letter-spacing:0;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}body.mobile{background:radial-gradient(circle,#172a50 0,#070910 75%)}#blocker,canvas{width:100%;height:100%}#blocker{position:absolute;background-color:rgba(0,0,0,.5)}#instructions{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:box;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;box-orient:horizontal;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center;-webkit-box-align:center;-moz-box-align:center;box-align:center;color:#fff;text-align:center;font-family:Arial;font-size:14px;line-height:24px;cursor:pointer}#mainContent{height:100%}.overlay3{position:absolute;right:1%;width:20%;height:30%;color:#fff;font-family:Helvetica;font-size:12pt;z-index:1;text-align:right}.meter,.meter>span,.speedo{position:relative}.meter{width:139px;height:12px;background:#222;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:3px;box-shadow:inset 0 -1px 1px rgba(255,255,255,.3);margin-left:15px}.meter>span{display:block;height:100%;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#2bc253;background-image:linear-gradient(center bottom,#2bc253 37%,#54f054 69%);box-shadow:inset 0 2px 9px rgba(255,255,255,.3),inset 0 -2px 6px rgba(0,0,0,.4);overflow:hidden}.multiColor>span{background-color:#f663ff;background-image:linear-gradient(to right,#6200ff,#f663ff)}.speedo{margin-left:-20px}.speedo span{bottom:28px;left:74px;width:50px;text-align:center}#foo{height:100px;width:200px}.toHeading,.toHeading img{position:relative;width:160px;height:160px}.speedo span,.toHeading img{display:block;position:absolute}.toHeading img.knob{width:22px;height:22px;margin-left:134px;margin-top:134px}.crosshair{pointer-events:none;position:fixed;z-index:10;width:2px;height:2px;top:50%;left:50%;margin-left:-1px;margin-top:-1px;background:#0f0}div.stats{position:absolute!important;left:0!important;bottom:0!important;right:initial!important;top:initial!important}#loader,#loader:before{border:3px solid transparent}#loader,#loader_text{display:block;left:50%;top:50%;z-index:1500}#loader:after,#loader:before{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-top-color:#b8fffc}.loadingDiv p,.noticeWindow a{font-weight:700;color:#fff}#loader-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999}#loader{position:relative;width:150px;height:150px;margin:-75px 0 0 -75px;border-top-color:#b8fffc}#loader_text{font-size:20px;position:absolute;width:180px;height:180px;margin:-90px 0 0 -90px;color:#fff;text-align:center;line-height:180px}#loader:after{top:15px;left:15px;right:15px;bottom:15px;border:3px solid transparent;-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}#loader,#loader:after,#loader:before{border-radius:50%}#loader{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}#loader:before{-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite}#loader-wrapper .loader-section{position:fixed;top:0;width:50%;height:100%;background:rgba(0,0,0,.7);z-index:1000}#loader-wrapper .loader-section.section-left{left:0}#loader-wrapper .loader-section.section-right{right:0}.loaded #loader-wrapper .loader-section.section-left{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}.loaded #loader-wrapper .loader-section.section-right{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}.loaded #loader{opacity:0;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.loaded #loader-wrapper .loader-section.section-left,.loaded #loader-wrapper .loader-section.section-right{-webkit-transition:all .7s .3s cubic-bezier(.645,.045,.355,1);transition:all .7s .3s cubic-bezier(.645,.045,.355,1)}.loaded #loader-wrapper{visibility:hidden;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:all .3s 1s ease-out;transition:all .3s 1s ease-out}.webglHolder,.webglHolderDouble,.webglHolderHept,.webglHolderHex,.webglHolderNon,.webglHolderOct,.webglHolderPent,.webglHolderQuad,.webglHolderSingle{position:relative}.webglHolderSingle{height:100vh;overflow:hidden}.webglHolderDouble{height:200vh}.webglHolder{height:300vh}.webglHolderQuad{height:400vh}.webglHolderPent{height:500vh}.webglHolderHex{height:600vh}.webglHolderHept{height:700vh}.webglHolderOct{height:800vh}.webglHolderNon{height:900vh}.webglHolderFlex{height:auto}.webglInnerHolder{position:absolute;top:0;bottom:0;left:0;right:0}#container0{height:100vh}#container0,#container1,#container2,#container3{position:fixed;top:0;left:0;width:100%}#container2,#container3{height:100vh}#container1{top:-20vh;height:120vh}#threejs,.test{width:100%;height:100vh}.rest_of_content{height:200vh;background:gray}#threejs{position:fixed;left:0;top:0;display:block;z-index:0}.bottomLeftInfob{pointer-events:none;background:#fff;color:#000;font-size:6px;line-height:7px;border:2px solid red}.bottomLeftInfob *{font-size:6px;line-height:7px;font-weight:700}.tg{border-collapse:collapse;border-spacing:0}.tg td,.tg th{font-family:Arial,sans-serif;border:0;overflow:hidden;word-break:normal}.tg th{font-size:7px;font-weight:700;font-style:italic;padding:5px 5px 0}.tg td{font-size:5px;padding:5px}.tg .tg-0lax{text-align:left;vertical-align:top}.classp1,.classp2,.classp3{padding:0 5px!important}.hero,.hero-context{vertical-align:middle}.hero{height:100vh;width:100vw;position:relative;color:#fff;text-align:center;display:table}.hero-context{display:table-cell}ul.nav{list-style-type:none}.is-full{width:100%;height:100vh;height:calc(var(--vh, 1vh)*100)}.is-full-3{height:300vh;height:calc(var(--vh, 1vh)*300);position:relative}.margin-bottom-full{margin-bottom:100vh;margin-bottom:calc(var(--vh, 1vh)*100)}.margin-bottom-half-full{margin-bottom:50vh;margin-bottom:calc(var(--vh, 1vh)*50)}.is-full120{width:100%;height:120vh;height:calc(var(--vh, 1vh)*120)}.is-full-height{width:100%;height:100%}.hero-inner{width:80%;will-change:transform;text-shadow:2px 2px 5px #00000096}.hero-desc,h1.hero-title{display:block;will-change:filter}h1.hero-title{width:100%;font-size:5rem;line-height:1em;margin:0 0 1vh;margin:0 0 calc(var(--vh, 1vh)*1);color:#fff;font-family:'Rubik',sans-serif;text-transform:uppercase;margin:0}h1.hero-title.border{-webkit-text-stroke:1px #fff;color:transparent}h3.hero-sub-title{color:#4cfff7;font-size:1.8rem;font-weight:400;margin:0;margin-bottom:.5rem}h1.hero-title.smaller{font-size:4rem;line-height:5rem}.hero-desc{padding-top:1rem;width:58%;font-size:2vmin;line-height:1.5em;letter-spacing:.1em;color:#eef;font-weight:400;text-align:left;margin:0 auto;background-color:#0000006b;padding:7px 14px;border:2px solid #fff;border-radius:0 0 5px 5px;box-shadow:.5vmin .5vmin 1vmin #000}.hero-desc:before{content:'Martin Nel - PuTTY';position:absolute;border-radius:5px 5px 0 0;color:#006c91;letter-spacing:0;left:-2px;background-image:url(../images/putty.svg);background-repeat:no-repeat;background-color:#fff;border:2px solid #fff;text-shadow:1px 1px 3px #00000096;font-size:14px;line-height:40px;height:40px;top:-44px;background-size:26px;background-position:8px center;width:calc(100% - 44px);padding-left:44px}.hero-desc.blue:before{color:#fff;background-color:#2773bb;height:2vw;line-height:2vw;background-size:1.35vw;font-size:.73vw;top:calc(-2vw - 5px);padding-left:2.5vw;width:calc(100% - 2.5vw)}.hero-desc.blue,.hero-desc.blue:before{border:2px solid #2773bb}@media (max-width:720px){.hero-desc.blue:before,.hero-desc:before{font-size:14px;line-height:34px;height:34px;top:-38px;background-size:24px;background-position:8px center;width:calc(100% - 42px);padding-left:42px}}#about-hero-desc .command{position:relative;width:fit-content}#about-hero-desc .command:last-child:after{content:' ';position:absolute;opacity:100;right:-.5em;top:0;background:#ffff3a;height:1.4em;width:.5em;-webkit-animation:cursor-blink 1.2s step-end infinite;-moz-animation:cursor-blink 1.2s step-end infinite;-ms-animation:cursor-blink 1.2s step-end infinite;-o-animation:cursor-blink 1.2s step-end infinite;animation:cursor-blink 1.2s step-end infinite}html.is-cn .hero-desc{font-size:.9em}.flex-horizontal,.flex-vertical{display:box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-moz-box-pack:center;box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-ms-flex-pack:center;box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;flex-direction:column;-ms-flex-direction:column}.flex-horizontal{display:-webkit-box;display:-moz-box;-webkit-box-pack:center;box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;flex-direction:row;-ms-flex-direction:row}#header{position:fixed;top:0;width:100%;z-index:2500;vertical-align:bottom;font-size:1rem;letter-spacing:.1em;height:90px}#header-content{width:100%;left:0;bottom:42px;text-align:center;transition:all 1s}#header-content.scrolled{text-align:right}.header-item::after,.me{position:absolute;color:#fff}.me{text-decoration:none;display:block;font-size:1.4rem;right:-113px;white-space:nowrap;top:42px;text-shadow:2px 2px 5px #000}#header-logo{float:left;position:relative;padding-left:60px;display:none}#header-logo svg{width:220px}#header-logo img{max-width:100px;vertical-align:middle}html.is-menu-visible #header-logo path.lettering{fill:#000}#header-menu{margin:0 auto;padding:0;transition:all 1s;display:inline-block;transform:translateX(0)}#header-menu.scrolled{transform:translateX(12vw)}li.header-menu-item{margin:0 1.5vw;display:inline-block}li.header-menu-item a{display:inline-block;padding:10px;color:#fff}.header-item{position:relative}.header-item::after{bottom:10px;content:'\003E';right:-2px;display:none}#header-menu-btn::after,#header-menu-btn::before,.header-item::before{position:absolute;content:'';background-color:#fff;transition:transform .18s ease-in-out}.header-item::before{bottom:6px;left:10px;width:1.5em;height:2px;transform-origin:0 0;transform:scale3d(0,1,1);box-shadow:2px 2px 5px #000000b0}.at-about .header-item.is-about:after,.at-about .header-item.is-about:before,.at-contact .header-item.is-contact:after,.at-contact .header-item.is-contact:before,.at-home .header-item.is-home:after,.at-home .header-item.is-home:before,.at-work .header-item.is-work:after,.at-work .header-item.is-work:before,.header-item.is-selected:after,.header-item.is-selected:before,.header-item:hover:after,.header-item:hover:before{transform:scale3d(2,1.5,1)}.at-about .header-item.is-about a,.at-contact .header-item.is-contact a,.at-home .header-item.is-home a,.at-work .header-item.is-work a,.header-item.is-selected a,.header-item:hover a{color:#fff}.header-menu-item-mask span{display:inline-block;height:30px;line-height:30px;margin-top:30px;text-shadow:2px 2px 5px #000000b0;font-size:2vmin}#header-lang-selector{float:right;margin-left:1vw;padding-right:60px}a.header-lang-item{margin-right:-10px;padding:10px;color:#e8e8e8}#header-menu-btn{cursor:pointer;display:none;position:absolute;right:0;top:-20px;width:50px;height:50px}#header-menu-btn::after,#header-menu-btn::before{left:50%;top:50%;display:block;width:4px;height:24px;margin-top:-10px;transform:translate3d(0,-5px,0) rotate(90deg)}html.is-menu-visible #header-menu-btn::after,html.is-menu-visible #header-menu-btn::before{background-color:#000}#header-menu-btn.is-selected::before{transform:rotate(-45deg)}#header-menu-btn::after{transform:translate3d(0,5px,0) rotate(-90deg)}#header-menu-btn.is-selected::after{transform:rotate(45deg)}#header-logo-path path.lettering,#header-logo-path-flat path{fill:#fff}@media (max-width:720px){#header-logo{display:block}.me{right:-163px;top:20px}#menu{font-size:1.4em}#header-logo img{max-width:70px}#header-logo-path path.lettering,#header-logo-path-flat path{fill:#000}#header{background:#00000069;left:0;top:0;height:70px;box-shadow:0 1vmin 2vmin #0000009e}html.is-menu-visible #header{background:#fff;color:red;box-shadow:none}#header-logo{padding-left:15px;padding-top:4px}#header-lang-selector,#header-menu{display:none}#header-menu-btn{display:block;margin-right:16px;margin-top:30px}}#menu,#menu-content{top:0;width:100%;height:100%}#menu{display:none;position:fixed;z-index:2000;color:#888;text-align:left;background:#ffffffba;transition:all .5s;right:-100%}#menu-content{position:absolute;left:0;text-align:center}#menu-menu{padding:0;font-size:1.6em;line-height:1.8em;letter-spacing:.06em}html.is-menu-visible #menu{transform:translate3d(-100%,0,0)}.menu-menu-item a{display:inline-block;position:relative;text-decoration:none;color:#000}.menu-menu-item a:hover,.slots a:hover{text-decoration:underline}.menu-menu-item a:after{display:none;position:absolute;left:-10%;top:50%;width:120%;height:2px;background-color:#000;content:''}.at-about .menu-menu-item.is-about a:after,.at-contact .menu-menu-item.is-contact a:after,.at-home .menu-menu-item.is-home a:after,.at-work .menu-menu-item.is-work a:after{display:block}#menu-lang-selector{opacity:0;font-size:.8em}a.menu-lang-item{color:#000}.menu-lang-item-separator{display:inline-block;padding:0 .3vw}.menu-lang-item.is-cn{font-size:.83em}.hero-context{padding:45px 40px;width:100%;height:100%;align-items:center}@media (max-width:420px){.hero-context{padding:35px}h1.hero-title{font-size:3.6em}}@media (max-width:400px){h1.hero-title{font-size:2.5em}html.is-cn .hero-desc{font-size:.8em}}#contact,.general{display:flex;flex-direction:column;align-items:stretch;width:100%;min-height:100vh}#contact-main,.general-main{display:flex;flex-grow:1;width:100%;height:100%;position:relative;padding:6vh 0;align-items:center;justify-content:center}#contact-context,.general-context{width:100%}#contact-title,.general-title{font-size:3em;margin:0;padding:0;text-transform:none;text-indent:-.08em}#contact-desc,.general-desc{font-size:1rem;letter-spacing:.05em;margin:1em 0 2em;color:#eef}#contact-columns,.general-columns{max-width:100%}.contact-column,.general-column{position:relative;float:left;margin-left:.6em;padding-right:4.4em;letter-spacing:.04em}.contact-column::before,.general-column::before{content:'';position:absolute;display:block;left:-.6em;top:0;width:2px;height:100%;background-color:#fff}.contact-column:last-child,.general-column:last-child{padding-right:0}.contact-column ul,.general-column ul{padding:.3em 0 0;margin:0}.contact-column li,.general-column li{font-size:.9rem}.contact-column a,.general-column a{display:inline-block;position:relative;color:#fff}.contact-column a:after,.general-column a:after{content:'';position:absolute;display:block;bottom:0;left:0;width:100%;height:1px;background-color:#fff;transform-origin:0 0;transform:scale3d(0,1,1);transition:transform .18s linear}.contact-column a:hover:after,.general-column a:hover:after{transform:scale3d(1,1,1)}.contact-column-title,.general-column-title{text-transform:uppercase;font-size:1rem}.contact-column-item,.general-column-item{font-size:.65em;line-height:1.3em;color:#eef}#contact-subscribe-btn,.general-subscribe-btn{position:relative;display:block;margin-top:2.5em;font-size:.75em;cursor:pointer;text-decoration:underline;color:#eef}#contact-subscribe-btn:before,.general-subscribe-btn:before{position:absolute;display:block;left:-20px;top:.55em;content:'';width:10px;height:1px;background-color:#eef}#contact-footer,.general-footer{width:100%}#contact-footer-copyright,.general-footer-copyright{float:left;font-size:.6em;letter-spacing:.05em;padding-left:60px;padding-bottom:30px;color:#fff}#contact a,.general a,.slots a{color:#fff}@media (max-width:720px){#contact-footer-copyright,.general-footer-copyright{float:left;padding-left:0;margin-left:5vw}#menu{display:block}h1.hero-title.smaller{font-size:2rem;line-height:5rem}}@media (max-width:800px){.contact-column{padding-right:3.4em}}@media (max-width:400px){#contact-title,.general-title{font-size:2em}#contact-desc,.general-desc{font-size:.8em;margin-bottom:2.5em}.contact-column{padding-right:1.4em}}.sec-context,.sec-context-images{max-width:100%;text-align:left;margin:0 auto;padding:8vh 0;padding:calc(var(--vh, 1vh)*8) 0;color:#fff}.sec-context{position:relative}.sec-context-images{height:100%}.sec-context-images img{max-width:50%}@media (max-width:1040px){.sec-context-images img{max-width:100%}}.sec-context-images.left-align img{margin-left:0;margin-right:auto}.sec-context-images.right-align img{margin-right:0;margin-left:auto}.bg2 section,.sec-context{height:100%}.sec-context-inner{width:84%;margin-left:auto;margin-right:auto}.darker-bg{position:relative}.sec-context-inner.is-right{width:42%;margin-left:50%;margin-right:8%;text-align:right}#skills-fixed{overflow:hidden}#skills-fixed .sec-context-inner.is-right{overflow:hidden;height:100%}.sec-context-inner.is-middle{text-align:center}.sec-context-inner.is-left{width:42%;margin-right:50%;margin-left:8%}.left-full{width:84%;margin-right:auto;margin-left:0}.sec-context-inner{will-change:opacity,transform}.about-sec-title{text-transform:uppercase;font-size:2.5vmin}.about-sec-subtitle{font-size:2.2vmin;margin:5vmin 0;font-weight:400;line-height:3.5vmin}.about-sec-desc{font-size:1.75vmin;font-family:Arial,serif;color:#eef;font-weight:400;line-height:2.18vmin}@media (max-width:720px){.sec-context-inner,.sec-context-inner.is-left,.sec-context-inner.is-right{width:90vw;margin-left:5vw;margin-right:5vw}}.half{width:50%;float:left;background:rgba(0,0,0,.33);padding:5vmin;display:table;height:100%;text-align:center;background:#000;background:radial-gradient(circle,rgb(0 0 0/100%) 0,rgba(0,212,255,0) 66%)}.slots li,.slotsContainer{height:36vmin;overflow:hidden}.slots{list-style:none;margin:0;padding:0;transition:all 1s}.slots li{height:6vmin;line-height:6vmin;text-align:center;font-size:2.5vmin}.devider{overflow:visible;position:relative;height:0;width:100%}.half .about-sec-desc{vertical-align:middle;display:table-cell}.slots a{text-decoration:none;font-style:italic}.half-left{border-radius:2vmin 0 0 2vmin}.half-middle{border-radius:2vmin;margin:0 auto;float:none}.half-right{border-radius:0 2vmin 2vmin 0}.shallower{height:75vh;height:calc(var(--vh, 1vh)*75)}@media (max-width:720px){.half{width:100%;padding:3vmin;background:radial-gradient(circle,rgb(0 0 0/100%) 0,rgba(0,212,255,0) 51%)}.half-left{height:80%;border-radius:2vmin 2vmin 0 0}.half-right{height:20%;border-radius:0 0 2vmin 2vmin}.slots li{height:8vmin;line-height:8vmin;font-size:4vmin}.slotsContainer{height:48vmin}}.skillClass{padding:1vmin;background:#fff;color:#000;font-weight:700;font-style:italic;text-shadow:none}.deviderBGbottom,.deviderBGtop{height:15vh;position:absolute;left:0;right:0}.deviderBGtop{background:linear-gradient(transparent,#000);top:-15vh}.deviderBGbottom{background:linear-gradient(#000,transparent);bottom:-15VH}.footer_devider{margin-top:0;height:1vh;background:#000;box-shadow:0 0 10px 5px #00000091}.play-btn{width:40px;top:-7px;height:40px;left:0;background:radial-gradient(rgba(184,255,252,.65) 60%,rgb(255 255 255) 62%);border-radius:50%;position:relative;display:block}.play-btn::after{content:"";position:absolute;left:50%;top:50%;-webkit-transform:translateX(-40%) translateY(-50%);transform:translateX(-40%) translateY(-50%);transform-origin:center center;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:16px solid #fff;z-index:100;-webkit-transition:all 400ms cubic-bezier(.55,.055,.675,.19);transition:all 400ms cubic-bezier(.55,.055,.675,.19)}.play-btn:before{content:"";position:absolute;width:150%;height:150%;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation:pulsate1 2s;animation:pulsate1 2s;-webkit-animation-direction:forwards;animation-direction:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:steps;animation-timing-function:steps;opacity:1;border-radius:50%;border:5px solid rgba(255,255,255,.75);top:-38.75%;left:-37%;background:0 0}.bar.hidebar,.play-btn.playing{display:none}#soundBars{position:fixed;bottom:25px;right:25px;z-index:99999;cursor:pointer;height:28px;width:40px}.bar{background:#b8fffc;bottom:1px;height:3px;position:absolute;width:3px}.bar.playing{animation:sound 0ms -800ms linear infinite alternate}.bar:nth-child(1){left:1px;animation-duration:474ms}.bar:nth-child(2){left:5px;animation-duration:433ms}.bar:nth-child(3){left:9px;animation-duration:407ms}.bar:nth-child(4){left:13px;animation-duration:458ms}.bar:nth-child(5){left:17px;animation-duration:400ms}.bar:nth-child(6){left:21px;animation-duration:427ms}.bar:nth-child(7){left:25px;animation-duration:441ms}.bar:nth-child(8){left:29px;animation-duration:419ms}.bar:nth-child(9){left:33px;animation-duration:487ms}.bar:nth-child(10){left:37px;animation-duration:442ms}.bg_video{position:fixed;top:0;bottom:0;left:0;right:0;z-index:-5}.bg_video video{min-width:100%;min-height:100%}.is-right-big{width:50%;margin-left:50%;margin-right:0;text-align:right}.bg,.bg2{background-size:cover;background-position:center;background-repeat:no-repeat}.bg{position:absolute;top:0;bottom:0;left:0;right:0}.bg2{width:50%;height:75%}@media (max-width:1040px){.bg2{width:100%}.is-right-big{width:100%;margin-left:0;margin-right:0;text-align:right}}.bg1{background-image:url(../images/img0.jpg)}.bg2{background-image:url(../images/img1.jpg)}.bg3{background-image:url(../images/img2.jpg)}.full_image{min-height:100%;min-width:100%}.section{perspective:1800px;-webkit-perspective:1800px;-moz-perspective:1800px}.section .foldMe{-webkit-transform-origin:center bottom;-moz-transform-origin:center bottom;-ms-transform-origin:center bottom;-o-transform-origin:center bottom;transform-origin:center bottom}.vimeo{pointer-events:none;width:100vw;height:56.25vw;min-height:100vh;min-width:177.77vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn,button{-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;outline:0;outline-offset:none;color:#000;font-size:1rem;font-weight:700;line-height:1;border:1.5px solid #000;-webkit-box-shadow:4px 6px 0 rgb(17 17 17/80%);box-shadow:4px 6px 0 rgb(17 17 17/80%);border-radius:1px;background-color:#fff;text-align:left;text-decoration:none;padding:1rem}.btn.arrow,button.arrow{display:inline-block;padding:20px 65px 20px 40px;background-image:url(../images/arrow-btn.svg);background-position:right 15px center;background-repeat:no-repeat;background-size:19px 16.5px;text-shadow:none;font-size:1.2rem}.btn:not(:disabled):not(.disabled){cursor:pointer}.btn{margin-top:25px}.btn.arrow:focus,.btn.arrow:hover,button.arrow:focus,button.arrow:hover{-webkit-box-shadow:none;box-shadow:none}.btn:not(:disabled):not(.disabled).active,.btn:not(:disabled):not(.disabled):active{background-image:none}.flex-container,.flex-container-contact{display:flex;flex-wrap:wrap;justify-content:center;padding:4vh 0}.flex-container-contact{background:rgba(0,0,0,.75);box-sizing:border-box;box-shadow:0 15px 25px rgb(0 0 0/70%);border-radius:10px;padding:5vh;width:auto!important}.flex-container-contact div{display:grid}.flex-container>div img{max-width:476px;width:100%;min-height:476px;min-width:476px}.flex-container>div{margin:3vw;font-size:0;transition:all .2s ease-in-out;box-shadow:0 0 15px 3px #00000066;overflow:hidden;position:relative;-webkit-filter:grayscale(85%);filter:grayscale(85%);border-top:3px solid #ffffff87;border-right:3px solid #ffffff87;border-left:3px solid #3e3e3e;border-bottom:3px solid #404040;border-radius:40px;box-sizing:border-box}.flex-container>div:hover{transform:scale(1.05);-webkit-filter:grayscale(0%);filter:grayscale(0%)}.flex-container>div a{display:inline-block;float:left}.flex-container>div:before{content:'';position:absolute;width:130%;height:50%;top:-18%;right:-30%;background:rgba(255,255,255,.3);background:linear-gradient(top,rgba(255,255,255,.1),rgba(255,255,255,.3));transform:rotate(10deg);border-bottom-left-radius:200px 20px;border-bottom-right-radius:200px 10px;border-top-right-radius:5px 100px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%}#about-ninja{z-index:99}@media (max-width:521px){.flex-container>div img{max-width:476px;width:100%;min-height:272px;min-width:272px}}.login-box{width:400px;padding:40px}.login-box h2{margin:0 0 30px;padding:0;color:#fff;text-align:center}#about-ninja,.login-box .user-box{position:relative}.login-box .user-box input,.login-box .user-box textarea{width:100%;padding:10px 0;font-size:16px;color:#fff;margin-bottom:30px;border:0;border-bottom:1px solid #fff;outline:0;background:0 0}.login-box .user-box label{position:absolute;top:0;left:0;padding:10px 0;font-size:16px;color:#fff;pointer-events:none;transition:.5s}.login-box .user-box input:focus~label,.login-box .user-box input:valid~label,.login-box .user-box textarea:focus~label,.login-box .user-box textarea:valid~label{top:-20px;left:0;color:#03e9f4;font-size:12px}.login-box form a{position:relative;display:inline-block;padding:10px 20px;color:#03e9f4;font-size:16px;text-decoration:none;text-transform:uppercase;overflow:hidden;transition:.5s;margin-top:40px;letter-spacing:4px}.login-box a:hover{background:#0dbee2;color:#fff;border-radius:5px;box-shadow:0 0 5px #0fd6ff,0 0 25px #0fd6ff,0 0 50px #0fd6ff,0 0 100px #0fd6ff}.login-box a span{position:absolute;display:block}.login-box a span:nth-child(1){top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,#03e9f4);animation:btn-anim1 1s linear infinite}.login-box a span:nth-child(2){top:-100%;right:0;width:2px;height:100%;background:linear-gradient(180deg,transparent,#03e9f4);animation:btn-anim2 1s linear infinite;animation-delay:.25s}.login-box a span:nth-child(3){bottom:0;right:-100%;width:100%;height:2px;background:linear-gradient(270deg,transparent,#03e9f4);animation:btn-anim3 1s linear infinite;animation-delay:.5s}.login-box a span:nth-child(4){bottom:-100%;left:0;width:2px;height:100%;background:linear-gradient(360deg,transparent,#03e9f4);animation:btn-anim4 1s linear infinite;animation-delay:.75s}@media (max-width:901px){.flex-container-contact div{width:100%}.login-box{padding:0;margin-top:7vh}#contact-main,.general-main{padding:0}.flex-container-contact{border-radius:0}}@media (max-width:1096px){.flex-container>div{margin:4vh}}body.loaded .hero-title.border{position:relative;overflow:hidden;background:linear-gradient(90deg,transparent,#1973e2,transparent);background-repeat:no-repeat;background-size:80%;animation:animate 2.5s linear infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dg .property-name{font-family:Arial!important}.models{position:fixed;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:999}.models ul{margin:0;padding:0;overflow:hidden}.colourPick li,.models li{list-style:none;cursor:pointer}.models li{padding:0;margin:0;position:relative;min-height:5%;display:inline-block}.models li.bricks{overflow:hidden;float:left}.models li.bricks img{width:96px}.models li.bricks:hover:after{background:linear-gradient(to bottom,#000 30%,transparent 100%)}.models li.bricks:after{content:'';width:120%;height:60%;border-radius:50%;background:linear-gradient(to bottom,#000 0,transparent 100%);position:absolute;transform:rotate(18deg);right:-15%;top:-22%}.lil-gui *{font-family:Arial}.colourPick{text-align:center;position:fixed;left:0;bottom:0;width:100px;height:100vh;background:linear-gradient(to right,#000,#ffffff00);transform:translate3d(-100%,0,0);transition:all 1s;z-index:10}.colourPickAfter{position:absolute;right:-58px;bottom:250px;transform:rotate(-90deg);color:#fff;padding:5px 16px;cursor:pointer;height:35px;background:linear-gradient(to bottom,#000,#ffffff00)}.colourPick.showColour,.portfolioDesc.showDesc,.spotlightDesc.showDesc{transform:translate3d(0,0,0)}.colourPick ul{position:absolute;bottom:0;width:100%;padding:0;margin:0}.colourPick li{width:60px;height:60px;margin:5vmin auto}.portfolioDesc,.spotlightDesc{text-align:center;pointer-events:none;position:fixed;top:0;width:50%;height:100vh;transition:all 1s;z-index:0;padding:10vmin}.spotlightDesc{right:0;background:linear-gradient(to left,#000,#ffffff00);transform:translate3d(100%,0,0)}.portfolioDesc{left:0;background:linear-gradient(to right,#000,#ffffff00);transform:translate3d(-100%,0,0)}.spotlight-inner{top:50%;position:absolute;transform:translateY(-50%);text-align:center;color:#fff;right:10vmin;left:10vmin}.spotlightDesc .spotlight-inner{text-align:right}.portfolioDesc .spotlight-inner{text-align:left}@media (max-width:720px){.portfolioDesc,.spotlightDesc{text-align:center;pointer-events:none;position:fixed;right:0;left:0;bottom:0;top:auto;width:100vw;height:50vh;background:linear-gradient(to top,#000,#ffffff00);transform:translate3d(0,100%,0);transition:all 1s}.portfolioDesc.showDesc,.spotlightDesc.showDesc{transform:translate3d(0,0,0)}.portfolioDesc .about-sec-title,.spotlightDesc .about-sec-title{font-size:4.5vmin}.about-sec-subtitle{font-size:4vmin;line-height:5.5vmin}.about-sec-desc,.portfolioDesc .about-sec-desc,.spotlightDesc .about-sec-desc{font-size:4vmin;line-height:4.5vmin}.about-sec-title{font-size:5vmin}}.flatContainer{width:100%;min-height:100vh}.flatContainer .image{perspective:3000px;position:absolute;left:50%;top:50%;transform:translate(-45%,-22%);transition:all 1s}.flatContainer .image .get-in-touch,.flatContainer .image img{transform:rotateX(70deg) rotateZ(-60deg) translate3d(-120px,0,70px);transition:all .4s;transform-style:preserve-3d}.flatContainer .image.showForm .get-in-touch,.flatContainer .image.showForm img{transform:rotateX(0deg) rotateZ(0deg) translate3d(0,0,0)}.flatContainer .image.showForm{transform:translate(-50%,-50%)}.flatContainer .image,.get-in-touch,.get-in-touch *{transform-style:preserve-3d}.get-in-touch .row{margin:-20px 0}.get-in-touch .row:after{content:"";display:table;clear:both}.get-in-touch .row .col{padding:0 20px;float:left;box-sizing:border-box}.get-in-touch .row .col.x-50{width:50%}.get-in-touch .row .col.x-100{width:100%}.get-in-touch .content-wrapper{min-height:100%;position:relative}.get-in-touch{margin:0 auto;position:relative;top:50%;transform:translateY(-50%)}.get-in-touch .title{text-align:center;font-size:3vmin;color:#000}.get-in-touch .contact-form .form-field{position:relative;margin:5vmin 0}.get-in-touch .contact-form .input-text{display:block;width:100%;height:36px;border-width:0 0 2px;border-color:#000;font-size:18px;line-height:26px;font-weight:400;background:0 0}.get-in-touch .contact-form .input-text:focus{outline:0}.get-in-touch .contact-form .input-text.not-empty+.label,.get-in-touch .contact-form .input-text:focus+.label{transform:translateY(-24px)}.get-in-touch .contact-form .label{position:absolute;left:20px;bottom:11px;line-height:26px;font-weight:400;color:#fff;cursor:text;transition:transform .2s ease-in-out}.get-in-touch .contact-form .submit-btn{display:inline-block;background-color:#000;color:#fff;text-transform:uppercase;line-height:24px;padding:8px 16px;border:0;cursor:pointer}.contactMe{background-image:url(../images/ninja.png);height:180px;background-repeat:no-repeat;background-position:left center;background-size:contain;line-height:260px;padding-left:80px;padding-right:12px}.contactMe a{text-shadow:-4vmin 3vmin 2vmin rgb(0 0 0);color:#fff;text-decoration:none;font-size:4vmin}.image.showForm .contactMe a{text-shadow:0 0 2vmin rgb(255 255 255/75%)}@media (max-width:720px){.contactMe a{font-size:5.5vmin}.contactMe{height:130px;line-height:185px}}.note,.sticky-flex{position:absolute;left:0}.note{bottom:10px;width:100%;text-align:center;font-family:Lusitana,serif;font-size:16px;line-height:21px}.note .link{color:#888;text-decoration:none}.note .link:hover{text-decoration:underline}.sticky-flex{height:100vh;height:calc(var(--vh, 1vh)*100);top:0;right:0}svg#mainHeading2{font-weight:700;max-width:100%}svg#mainHeading2 text{color:#fff}#textColorStart{stop-color:#fff}#textColorStop{stop-color:#00fdf0}svg#mainHeading{max-width:100%;height:auto;width:60%}svg#mainHeading *,svg#mainHeading2 text,svg#mainHeadingTop *{font-family:Arial,serif;font-size:.7rem;font-weight:bolder}#shrink,svg#mainHeadingTop{max-width:100%;height:auto;width:250px;transition:all 1s;position:relative;text-shadow:2px 2px 5px #000;display:inline-block}#shrink{top:15px;width:0;overflow:visible}#shrink.scrolled{width:250px}svg#mainHeadingTop.homeBanner{max-width:100%;width:60%;top:50%;left:20%;transform:translateY(-130%);position:fixed;pointer-events:none}@media (max-width:720px){.hero-inner,svg#mainHeading{width:100%}svg#mainHeadingTop{width:85%;left:0;z-index:9999}svg#mainHeadingTop.homeBanner{width:94%;left:3%}.hero-desc{font-size:4vmin;width:100%}}@media (min-width:720px){#contact-footer-copyright,.general-footer-copyright{float:left;padding-left:0;margin-left:5vw}}.desktopOnly{display:block!important}.mobileOnly{display:none!important}@media (max-width:720px){.desktopOnly{display:none!important}.mobileOnly{display:block!important}}.ztarWarsContainer{perspective:70vmin;perspective-origin:bottom}.ztarWars{transform-style:preserve-3d;transform-origin:bottom;transform:rotate3d(1,0,0,35deg) translateX(0) translateZ(76vmin) translateY(100vmin);text-shadow:3px 3px 3px #000}.ztarWarsContainer .slotsContainer{height:auto!important;overflow:visible}.ztarWarsContainer .half{background:0 0}@media (max-width:720px){.ztarWars{transform:rotate3d(1,0,0,15deg) translateX(0) translateZ(50vmin) translateY(180vmin)}}