@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap");*{-webkit-box-sizing:border-box;box-sizing:border-box;background-repeat:no-repeat;background-position:center;background-size:cover}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-spacing:0;border-collapse:collapse}body,html{margin:0px;width:100%;padding:0px;height:100%;font-size:16px;font-weight:300;position:relative;font-family:游ゴシック,Yu Gothic,游ゴシック体,YuGothic,YuGothic,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ Ｐゴシック,sans-serif}.clearFix{clear:both;float:none!important}.hide{display:none}.noScroll{overflow:hidden}.cage{margin:0 auto;padding:0 20px}.flex{display:flex;position:relative;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex}.flexC{display:flex;position:relative;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.animate{transition:0.5s ease-in-out;-o-transition:0.5s ease-in-out;-moz-transition:0.5s ease-in-out;-webkit-transition:0.5s ease-in-out}input,select,textarea{border:0;width:100%;display:block;border-radius:0;font-size:0.85rem;padding:15px 15px;letter-spacing:1px;border-style:solid;background:transparent;-webkit-appearance:none;-webkit-border-radius:0px;border-bottom:1px solid #cccccc}input :focus,select :focus,textarea :focus{outline:none;outline-style:none;outline-color:transparent}a{text-decoration:none}.checkbox{margin:0 15px 25px 0;display:inline-block}.checkbox [type=checkbox]:checked,.checkbox [type=checkbox]:not(:checked){left:-9999px;position:absolute}.checkbox [type=checkbox]:checked+label,.checkbox [type=checkbox]:not(:checked)+label{color:#818181;cursor:pointer;position:relative;padding-left:25px;font-size:0.8rem}.checkbox [type=checkbox]:checked+label:before,.checkbox [type=checkbox]:not(:checked)+label:before{left:0;top:0;content:"";width:14px;height:14px;position:absolute;border:1px solid #cccccc}.checkbox [type=checkbox]:checked+label:after,.checkbox [type=checkbox]:not(:checked)+label:after{left:0;top:-2px;position:absolute;-webkit-transition:all 0.2s;transition:all 0.2s;content:url("../img/check.png")}.checkbox [type=checkbox]:not(:checked)+label:after{opacity:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}.checkbox [type=checkbox]:checked+label:after{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}@font-face{font-family:"brockmann-medium";src:url("../font/brockmann-medium-webfont.eot");src:url("../font/brockmann-medium-webfont.eot?#iefix") format("embedded-opentype"),url("../font/brockmann-medium-webfont.woff2") format("woff2"),url("../font/brockmann-medium-webfont.woff") format("woff"),url("../font/brockmann-medium-webfont.ttf") format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:"brockmann-regular";src:url("../font/brockmann-regular-webfont.eot");src:url("../font/brockmann-regular-webfont.eot?#iefix") format("embedded-opentype"),url("../font/brockmann-regular-webfont.woff2") format("woff2"),url("../font/brockmann-regular-webfont.woff") format("woff"),url("../font/brockmann-regular-webfont.ttf") format("truetype");font-weight:normal;font-style:normal}img{display:block}body{height:100vh;font-size:12px;color:#2C2C2C;font-weight:400;position:relative;font-family:"Poppins",sans-serif;background-color:#E7E7E7;letter-spacing:0.5px}body.mobile .mHide{display:none!important}@property --num{syntax:"<integer>";initial-value:0;inherits:false}@-webkit-keyframes counter{0%{--num:0}to{--num:100}}@keyframes counter{0%{--num:0}to{--num:100}}#Loader{z-index:99;width:100vw;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;position:fixed;-webkit-box-align:center;-ms-flex-align:center;align-items:center;pointer-events:none;background-color:#272727;-webkit-animation:fakeLoadingFade 1s ease forwards;animation:fakeLoadingFade 1s ease forwards;-webkit-animation-delay:3s;animation-delay:3s}@-webkit-keyframes fakeLoadingFade{0%{opacity:1}to{opacity:0}}#Loader .bar{width:150px;height:70px;margin:0 auto;position:relative;background-color:white;-webkit-animation:counter 3s forwards alternate ease-in-out;animation:counter 3s forwards alternate ease-in-out;counter-reset:num var(--num);border:1px solid #333333}#Loader .bar:after{content:counter(num);left:1px;top:-2px;z-index:2;color:white;font-size:12px;position:absolute}#Loader .bar:before{content:"";top:0;left:0;width:0;z-index:1;height:100%;position:absolute;background-color:#272727;-webkit-animation:fakeLoading 3s ease forwards;animation:fakeLoading 3s ease forwards}@-webkit-keyframes fakeLoading{0%{width:0}to{width:100%}}header{top:0;left:0;z-index:10;width:38.4vw;position:fixed;min-width:400px}header #MainContent{display:-webkit-box;display:-ms-flexbox;display:flex;padding:40px 40px 0 40px;-webkit-transition:0.5s ease-in-out;transition:0.5s ease-in-out}@media only screen and (max-width:450px){header #MainContent{padding:20px 20px 0 20px}}header #MainContent.black{-webkit-filter:brightness(0.2);filter:brightness(0.2)}header #MainContent .leftWing{width:50%}header #MainContent .righttWing{width:50%}header #MainContent .righttWing .links{font-size:11px;cursor:pointer;color:#DDDDDD;position:relative;letter-spacing:3px;margin-bottom:10px;padding-bottom:15px;font-family:"brockmann-regular";-webkit-transition:0.5s ease-in-out;transition:0.5s ease-in-out;opacity:0.4}header #MainContent .righttWing .links a{color:#DDDDDD}header #MainContent .righttWing .links:before{content:" ";top:0;opacity:0;left:-70px;width:14px;height:15px;display:block;position:absolute;background-size:100% 100%;-webkit-transition:0.5s ease-in-out;transition:0.5s ease-in-out;background-image:url(../img/nav/navArrow.svg)}header #MainContent .righttWing .links.active{opacity:1}header #MainContent .righttWing .links.active:before{left:-45px;opacity:1}header #MainContent .righttWing .links:hover:before{left:-35px;opacity:0.6}header #MainContent .righttWing .links:hover img{opacity:0.6}#mouse{z-index:7;width:70px;height:70px;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:9px;position:fixed;line-height:11px;text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;pointer-events:none;border-radius:999px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-transform:translate(-50%,-80%);-ms-transform:translate(-50%,-80%);transform:translate(-50%,-80%);background-color:rgba(255,255,255,0.4)}#mouse.mini{width:10px;height:10px;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#mouse.mini span{display:none}#mouse.black{background-color:rgba(0,0,0,0.4)}#mouse.resume{width:340px;height:200px;border-radius:10px;-webkit-transform:translate(-50%,-50%) rotate(7deg);-ms-transform:translate(-50%,-50%) rotate(7deg);transform:translate(-50%,-50%) rotate(7deg);background-image:url("../img/resume.png");-webkit-filter:drop-shadow(5px 5px 5px rgba(0,0,0,0.05));filter:drop-shadow(5px 5px 5px rgba(0,0,0,0.05))}.sticky{top:0;position:sticky}#Opening{top:0;left:0;z-index:0;width:100vw;height:100vh;color:white;font-size:300px;position:fixed;background-color:#272727}#Opening .frame01{top:0;left:0;width:100vw;height:100vh;position:absolute;background-size:auto 240%;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;background-position:center bottom -75vh;-webkit-animation:flashing 0.8s step-start infinite;animation:flashing 0.8s step-start infinite}@media only screen and (max-width:900px){#Opening .frame01{left:100vw;width:100vh;height:100vw;background-size:auto 200%;background-position:center bottom -24vh;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}}@media only screen and (max-width:450px){#Opening .frame01{background-size:auto 250%}}@-webkit-keyframes flashing{0%{background-image:url(../img/splash/01.png)}25%{background-image:url(../img/splash/05.png)}50%{background-image:url(../img/splash/08.png)}75%{background-image:url(../img/splash/09.png)}to{background-image:url(../img/splash/07.png)}}@keyframes flashing{0%{background-image:url(../img/splash/01.png)}25%{background-image:url(../img/splash/05.png)}50%{background-image:url(../img/splash/08.png)}75%{background-image:url(../img/splash/09.png)}to{background-image:url(../img/splash/07.png)}}#Spacing{z-index:0;height:100vh;position:relative}#Spacing .scroll{left:40px;bottom:40px;position:absolute}@media only screen and (max-width:450px){#Spacing .scroll{left:20px;bottom:20px}}#Spacing .scroll span{opacity:0.7;display:block;font-size:10px;color:#DDDDDD;letter-spacing:3px;margin:0 0 -4px -2px;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;font-family:"brockmann-medium";-webkit-animation:appearingText 1.5s ease infinite;animation:appearingText 1.5s ease infinite}@-webkit-keyframes appearingText{-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate(0,-19px);transform:translate(0,-19px);transform:translate(0,0)}#PortfolioHolder{z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;width:100vw;position:relative;background-color:#E7E7E7}#PortfolioHolder #Listing{width:38.4%;-ms-flex-negative:0;flex-shrink:0;background-color:#2C2C2C;-webkit-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0);-webkit-transition:-webkit-transform 1000ms ease-in-out;transition:-webkit-transform 1000ms ease-in-out;transition:transform 1000ms ease-in-out;transition:transform 1000ms ease-in-out,-webkit-transform 1000ms ease-in-out;position:relative}#PortfolioHolder #Listing #Masking{top:0;left:0;z-index:1;width:100%;height:150px;display:block;pointer-events:none;background:-webkit-gradient(linear,left top,left bottom,color-stop(20%,rgb(44,44,44)),to(rgba(44,44,44,0)));background:linear-gradient(180deg,rgb(44,44,44) 20%,rgba(44,44,44,0) 100%)}#PortfolioHolder #Listing #scrollBox{padding:calc(39vh - 150px) 0 142px 0}@media only screen and (max-width:820px){#PortfolioHolder #Listing #scrollBox{padding:80px 0 142px 0}}#PortfolioHolder #Listing #scrollBox .projectBtn{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto;-ms-flex-wrap:wrap;flex-wrap:wrap;cursor:pointer;overflow:hidden;min-height:90px;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#PortfolioHolder #Listing #scrollBox .projectBtn:after{content:"";bottom:0;left:40px;z-index:0;height:1px;display:block;margin:0 auto;position:absolute;width:calc(100% - 80px);background-color:#363636}@media only screen and (max-width:450px){#PortfolioHolder #Listing #scrollBox .projectBtn:after{left:20px;width:calc(100% - 40px)}}#PortfolioHolder #Listing #scrollBox .projectBtn:last-child:after{display:none}#PortfolioHolder #Listing #scrollBox .projectBtn .basicTitle{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 40px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media only screen and (max-width:1150px){#PortfolioHolder #Listing #scrollBox .projectBtn .basicTitle{display:block}}@media only screen and (max-width:820px){#PortfolioHolder #Listing #scrollBox .projectBtn .basicTitle{display:-webkit-box;display:-ms-flexbox;display:flex}}@media only screen and (max-width:500px){#PortfolioHolder #Listing #scrollBox .projectBtn .basicTitle{display:block}}@media only screen and (max-width:450px){#PortfolioHolder #Listing #scrollBox .projectBtn .basicTitle{padding:0 20px}}#PortfolioHolder #Listing #scrollBox .projectBtn .basicTitle .title{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:15px;color:#DDDDDD;padding-right:10px;letter-spacing:1.7px;font-family:"brockmann-medium"}@media only screen and (max-width:1150px){#PortfolioHolder #Listing #scrollBox .projectBtn .basicTitle .title{margin-bottom:5px}}@media only screen and (max-width:820px){#PortfolioHolder #Listing #scrollBox .projectBtn .basicTitle .title{font-size:24px;margin-bottom:0}}@media only screen and (max-width:500px){#PortfolioHolder #Listing #scrollBox .projectBtn .basicTitle .title{margin-bottom:5px}}#PortfolioHolder #Listing #scrollBox .projectBtn .basicTitle .details{font-size:10px;color:#5B5B5B;font-weight:600;letter-spacing:2.5px}@media only screen and (max-width:500px){#PortfolioHolder #Listing #scrollBox .projectBtn .basicTitle .details{margin-bottom:7px}}#PortfolioHolder #Listing #scrollBox .projectBtn .animatedTitle{display:none;white-space:nowrap}#PortfolioHolder #Listing #scrollBox .projectBtn .animatedTitle .holder{display:-webkit-box;display:-ms-flexbox;display:flex}#PortfolioHolder #Listing #scrollBox .projectBtn .animatedTitle .holder span{display:block;font-size:13px;margin-left:80px}#PortfolioHolder #Listing #scrollBox .projectBtn.active,#PortfolioHolder #Listing #scrollBox .projectBtn:hover{font-size:15px;font-weight:600;letter-spacing:3.25px;background-color:white}#PortfolioHolder #Listing #scrollBox .projectBtn.active:after,#PortfolioHolder #Listing #scrollBox .projectBtn:hover:after{display:none}#PortfolioHolder #Listing #scrollBox .projectBtn.active .basicTitle,#PortfolioHolder #Listing #scrollBox .projectBtn:hover .basicTitle{display:none}#PortfolioHolder #Listing #scrollBox .projectBtn.active .animatedTitle,#PortfolioHolder #Listing #scrollBox .projectBtn:hover .animatedTitle{display:-webkit-box;display:-ms-flexbox;display:flex}#PortfolioHolder #Listing #scrollBox .projectBtn.active .animatedTitle .holder,#PortfolioHolder #Listing #scrollBox .projectBtn:hover .animatedTitle .holder{-webkit-animation:runningText 10s linear infinite;animation:runningText 10s linear infinite}@-webkit-keyframes runningText{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}#PortfolioHolder #Listing #scrollBox .projectBtn:first-child .basicTitle .title:before{content:"";width:20px;height:9px;display:block;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;margin-right:22px;background-size:auto 100%;background-repeat:no-repeat;background-image:url("../img/num/1.svg")}@media only screen and (max-width:1150px){#PortfolioHolder #Listing #scrollBox .projectBtn:first-child .basicTitle .title:before{margin-right:10px}}#PortfolioHolder #Listing #scrollBox .projectBtn:nth-child(2) .basicTitle .title:before{content:"";width:20px;height:9px;display:block;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;margin-right:22px;background-size:auto 100%;background-repeat:no-repeat;background-image:url("../img/num/2.svg")}@media only screen and (max-width:1150px){#PortfolioHolder #Listing #scrollBox .projectBtn:nth-child(2) .basicTitle .title:before{margin-right:10px}}#PortfolioHolder #Listing #scrollBox .projectBtn:nth-child(3) .basicTitle .title:before{content:"";width:20px;height:9px;display:block;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;margin-right:22px;background-size:auto 100%;background-repeat:no-repeat;background-image:url("../img/num/3.svg")}@media only screen and (max-width:1150px){#PortfolioHolder #Listing #scrollBox .projectBtn:nth-child(3) .basicTitle .title:before{margin-right:10px}}#PortfolioHolder #Listing #scrollBox .projectBtn:nth-child(4) .basicTitle .title:before{content:"";width:20px;height:9px;display:block;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;margin-right:22px;background-size:auto 100%;background-repeat:no-repeat;background-image:url("../img/num/4.svg")}@media only screen and (max-width:1150px){#PortfolioHolder #Listing #scrollBox .projectBtn:nth-child(4) .basicTitle .title:before{margin-right:10px}}#PortfolioHolder #Listing #scrollBox .projectBtn:nth-child(5) .basicTitle .title:before{content:"";width:20px;height:9px;display:block;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;margin-right:22px;background-size:auto 100%;background-repeat:no-repeat;background-image:url("../img/num/5.svg")}@media only screen and (max-width:1150px){#PortfolioHolder #Listing #scrollBox .projectBtn:nth-child(5) .basicTitle .title:before{margin-right:10px}}#PortfolioHolder #Listing #scrollBox .projectBtn:nth-child(6) .basicTitle .title:before{content:"";width:20px;height:9px;display:block;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;margin-right:22px;background-size:auto 100%;background-repeat:no-repeat;background-image:url("../img/num/6.svg")}@media only screen and (max-width:1150px){#PortfolioHolder #Listing #scrollBox .projectBtn:nth-child(6) .basicTitle .title:before{margin-right:10px}}#PortfolioHolder #Listing #scrollBox .projectBtn:nth-child(7) .basicTitle .title:before{content:"";width:20px;height:9px;display:block;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;margin-right:22px;background-size:auto 100%;background-repeat:no-repeat;background-image:url("../img/num/7.svg")}@media only screen and (max-width:1150px){#PortfolioHolder #Listing #scrollBox .projectBtn:nth-child(7) .basicTitle .title:before{margin-right:10px}}#PortfolioHolder #Listing #scrollBox .projectBtn:nth-child(8) .basicTitle .title:before{content:"";width:20px;height:9px;display:block;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;margin-right:22px;background-size:auto 100%;background-repeat:no-repeat;background-image:url("../img/num/8.svg")}@media only screen and (max-width:1150px){#PortfolioHolder #Listing #scrollBox .projectBtn:nth-child(8) .basicTitle .title:before{margin-right:10px}}#PortfolioHolder #Listing #scrollBox .projectBtn:nth-child(9) .basicTitle .title:before{content:"";width:20px;height:9px;display:block;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;margin-right:22px;background-size:auto 100%;background-repeat:no-repeat;background-image:url("../img/num/9.svg")}@media only screen and (max-width:1150px){#PortfolioHolder #Listing #scrollBox .projectBtn:nth-child(9) .basicTitle .title:before{margin-right:10px}}#PortfolioHolder #Listing #scrollBox .projectBtn:nth-child(10) .basicTitle .title:before{content:"";width:20px;height:9px;display:block;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;margin-right:22px;background-size:auto 100%;background-repeat:no-repeat;background-image:url("../img/num/10.svg")}@media only screen and (max-width:1150px){#PortfolioHolder #Listing #scrollBox .projectBtn:nth-child(10) .basicTitle .title:before{margin-right:10px}}#PortfolioHolder #Listing #scrollBox .projectBtn:nth-child(11) .basicTitle .title:before{content:"";width:20px;height:9px;display:block;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;margin-right:22px;background-size:auto 100%;background-repeat:no-repeat;background-image:url("../img/num/11.svg")}@media only screen and (max-width:1150px){#PortfolioHolder #Listing #scrollBox .projectBtn:nth-child(11) .basicTitle .title:before{margin-right:10px}}#PortfolioHolder #Listing #scrollBox .projectBtn:nth-child(12) .basicTitle .title:before{content:"";width:20px;height:9px;display:block;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;margin-right:22px;background-size:auto 100%;background-repeat:no-repeat;background-image:url("../img/num/12.svg")}@media only screen and (max-width:1150px){#PortfolioHolder #Listing #scrollBox .projectBtn:nth-child(12) .basicTitle .title:before{margin-right:10px}}#PortfolioHolder #GraphicHolder{-ms-flex-negative:0;flex-shrink:0;height:100vh;width:100vw;overflow:hidden;-webkit-transition:-webkit-transform 500ms ease-in-out;transition:-webkit-transform 500ms ease-in-out;transition:transform 500ms ease-in-out;transition:transform 500ms ease-in-out,-webkit-transform 500ms ease-in-out;-webkit-transform:translate(-38.4%,0);-ms-transform:translate(-38.4%,0);transform:translate(-38.4%,0)}#PortfolioHolder #GraphicHolder .zIndex{width:100%;height:100%;-webkit-perspective:3000px;perspective:3000px;will-change:transform;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}#PortfolioHolder #GraphicHolder .slider{margin:0 auto;width:100%!important;height:100%!important;position:relative;will-change:transform;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:-webkit-transform 900ms ease-in-out;transition:-webkit-transform 900ms ease-in-out;transition:transform 900ms ease-in-out;transition:transform 900ms ease-in-out,-webkit-transform 900ms ease-in-out;-webkit-transform:translateZ(-200vw) translate(0vh,0vw);transform:translateZ(-200vw) translate(0vh,0vw)}#PortfolioHolder #GraphicHolder .slider.active{-webkit-transform:translateZ(-115vw) translate(0,0)!important;transform:translateZ(-115vw) translate(0,0)!important}#PortfolioHolder #GraphicHolder .wrapper{height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;-webkit-box-align:center;-ms-flex-align:center;align-items:center;will-change:transform;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective-origin:center center;perspective-origin:center center;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg)}#PortfolioHolder #GraphicHolder .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;width:61.6vw;height:100%;color:red;font-size:400px;background-repeat:no-repeat;background-size:cover!important;background-position:center;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;will-change:transform;opacity:0;-webkit-transform:translateZ(0);transform:translateZ(0)}@media only screen and (max-width:820px){#PortfolioHolder #GraphicHolder .item{height:45%}}#PortfolioHolder #GraphicHolder .item.item1{-webkit-transform:rotateY(0) translateZ(0) rotate(74deg);transform:rotateY(0) translateZ(0) rotate(74deg);-webkit-transition-delay:200ms;transition-delay:200ms;z-index:1}#PortfolioHolder #GraphicHolder .item.item2{-webkit-transform:rotateY(0) translateZ(0) rotate(68deg);transform:rotateY(0) translateZ(0) rotate(68deg);-webkit-transition-delay:400ms;transition-delay:400ms;z-index:2}#PortfolioHolder #GraphicHolder .item.item3{-webkit-transform:rotateY(0) translateZ(0) rotate(13deg);transform:rotateY(0) translateZ(0) rotate(13deg);-webkit-transition-delay:600ms;transition-delay:600ms;z-index:3}#PortfolioHolder #GraphicHolder .item.item4{-webkit-transform:rotateY(0) translateZ(0) rotate(5deg);transform:rotateY(0) translateZ(0) rotate(5deg);-webkit-transition-delay:800ms;transition-delay:800ms;z-index:4}#PortfolioHolder #GraphicHolder .item.item5{-webkit-transform:rotateY(0) translateZ(0) rotate(55deg);transform:rotateY(0) translateZ(0) rotate(55deg);-webkit-transition-delay:1000ms;transition-delay:1000ms;z-index:5}#PortfolioHolder #GraphicHolder .item.item6{-webkit-transform:rotateY(0) translateZ(0) rotate(9deg);transform:rotateY(0) translateZ(0) rotate(9deg);-webkit-transition-delay:1200ms;transition-delay:1200ms;z-index:6}#PortfolioHolder #GraphicHolder .item.item7{-webkit-transform:rotateY(0) translateZ(0) rotate(2deg);transform:rotateY(0) translateZ(0) rotate(2deg);-webkit-transition-delay:1400ms;transition-delay:1400ms;z-index:7}#PortfolioHolder #GraphicHolder .item.item8{-webkit-transform:rotateY(0) translateZ(0) rotate(44deg);transform:rotateY(0) translateZ(0) rotate(44deg);-webkit-transition-delay:1600ms;transition-delay:1600ms;z-index:8}#PortfolioHolder #GraphicHolder .item.item9{-webkit-transform:rotateY(0) translateZ(0) rotate(63deg);transform:rotateY(0) translateZ(0) rotate(63deg);-webkit-transition-delay:1800ms;transition-delay:1800ms;z-index:9}#PortfolioHolder #GraphicHolder .item.item10{-webkit-transform:rotateY(0) translateZ(0) rotate(71deg);transform:rotateY(0) translateZ(0) rotate(71deg);-webkit-transition-delay:2000ms;transition-delay:2000ms;z-index:10}#PortfolioHolder #GraphicHolder .item.item11{-webkit-transform:rotateY(0) translateZ(0) rotate(88deg);transform:rotateY(0) translateZ(0) rotate(88deg);-webkit-transition-delay:2200ms;transition-delay:2200ms;z-index:11}#PortfolioHolder #GraphicHolder .item.item12{-webkit-transform:rotateY(0) translateZ(0) rotate(22deg);transform:rotateY(0) translateZ(0) rotate(22deg);-webkit-transition-delay:2400ms;transition-delay:2400ms;z-index:12}body.ready #MainContent.bgColor{background:none}body.ready #PortfolioHolder #GraphicHolder .item{opacity:1}body.action #PortfolioHolder #Listing{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}body.action #PortfolioHolder #GraphicHolder{width:61.6%;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}body.action #PortfolioHolder #GraphicHolder .slider{-webkit-transform:translateZ(-400vw) translate(100vh,20vw);transform:translateZ(-400vw) translate(100vh,20vw)}@media only screen and (max-width:820px){body.action #PortfolioHolder #GraphicHolder .slider{-webkit-transform:translateZ(-400vw) translate(60vh,20vw);transform:translateZ(-400vw) translate(60vh,20vw)}}body.action #PortfolioHolder #GraphicHolder .wrapper{-webkit-transform:rotateX(-30deg) rotateY(0deg) rotateZ(15deg);transform:rotateX(-30deg) rotateY(0deg) rotateZ(15deg)}body.action #PortfolioHolder #GraphicHolder .item{width:100%;-webkit-transition:all 900ms ease-in-out;transition:all 900ms ease-in-out}body.action #PortfolioHolder #GraphicHolder .item.item1{-webkit-transform:rotateY(30deg) translateZ(115vw);transform:rotateY(30deg) translateZ(115vw);-webkit-transition-delay:100ms;transition-delay:100ms}body.action #PortfolioHolder #GraphicHolder .item.item2{-webkit-transform:rotateY(60deg) translateZ(115vw);transform:rotateY(60deg) translateZ(115vw);-webkit-transition-delay:200ms;transition-delay:200ms}body.action #PortfolioHolder #GraphicHolder .item.item3{-webkit-transform:rotateY(90deg) translateZ(115vw);transform:rotateY(90deg) translateZ(115vw);-webkit-transition-delay:300ms;transition-delay:300ms}body.action #PortfolioHolder #GraphicHolder .item.item4{-webkit-transform:rotateY(120deg) translateZ(115vw);transform:rotateY(120deg) translateZ(115vw);-webkit-transition-delay:400ms;transition-delay:400ms}body.action #PortfolioHolder #GraphicHolder .item.item5{-webkit-transform:rotateY(150deg) translateZ(115vw);transform:rotateY(150deg) translateZ(115vw);-webkit-transition-delay:500ms;transition-delay:500ms}body.action #PortfolioHolder #GraphicHolder .item.item6{-webkit-transform:rotateY(180deg) translateZ(115vw);transform:rotateY(180deg) translateZ(115vw);-webkit-transition-delay:600ms;transition-delay:600ms}body.action #PortfolioHolder #GraphicHolder .item.item7{-webkit-transform:rotateY(210deg) translateZ(115vw);transform:rotateY(210deg) translateZ(115vw);-webkit-transition-delay:700ms;transition-delay:700ms}body.action #PortfolioHolder #GraphicHolder .item.item8{-webkit-transform:rotateY(240deg) translateZ(115vw);transform:rotateY(240deg) translateZ(115vw);-webkit-transition-delay:800ms;transition-delay:800ms}body.action #PortfolioHolder #GraphicHolder .item.item9{-webkit-transform:rotateY(270deg) translateZ(115vw);transform:rotateY(270deg) translateZ(115vw);-webkit-transition-delay:900ms;transition-delay:900ms}body.action #PortfolioHolder #GraphicHolder .item.item10{-webkit-transform:rotateY(300deg) translateZ(115vw);transform:rotateY(300deg) translateZ(115vw);-webkit-transition-delay:1000ms;transition-delay:1000ms}body.action #PortfolioHolder #GraphicHolder .item.item11{-webkit-transform:rotateY(330deg) translateZ(115vw);transform:rotateY(330deg) translateZ(115vw);-webkit-transition-delay:1100ms;transition-delay:1100ms}body.action #PortfolioHolder #GraphicHolder .item.item12{-webkit-transform:rotateY(360deg) translateZ(115vw);transform:rotateY(360deg) translateZ(115vw);-webkit-transition-delay:1200ms;transition-delay:1200ms}body.mobileAction #PortfolioHolder #Listing{z-index:13;width:100vw;-webkit-transition-delay:2500ms;transition-delay:2500ms;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}body.mobileAction #PortfolioHolder #GraphicHolder{width:100vw;-webkit-transform:translate(-100vw,0);-ms-transform:translate(-100vw,0);transform:translate(-100vw,0)}#Resume{top:0;z-index:2;width:100vw;color:#2C2C2C;position:relative;background-color:white}#Resume #MaskingWhite{top:0;left:0;z-index:3;width:100%;height:150px;display:block;pointer-events:none;position:sticky!important;background:-webkit-gradient(linear,left top,left bottom,color-stop(20%,rgb(255,255,255)),to(rgba(255,255,255,0)));background:linear-gradient(180deg,rgb(255,255,255) 20%,rgba(255,255,255,0) 100%)}#Resume .sticky{z-index:2;height:1px}@media only screen and (max-width:450px){#Resume .sticky{height:auto;position:relative}}#Resume .sticky .block{top:0;left:0;width:1px;width:100%;height:100vh;position:relative}@media only screen and (max-width:450px){#Resume .sticky .block{height:auto;width:auto}}#Resume .sticky .block .lockBase{bottom:30px;width:100%;padding:0 40px;position:absolute}@media only screen and (max-width:450px){#Resume .sticky .block .lockBase{left:0;bottom:0;width:100%;position:relative;padding:0 40px 50px 40px}}#Resume .sticky .block .lockBase .section{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}@media only screen and (max-width:790px){#Resume .sticky .block .lockBase .section{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}#Resume .sticky .block .lockBase.animate .footerHeader{opacity:1}#Resume .sticky .block .lockBase.animate .resumeTitle div span{bottom:0}#Resume .sticky .footerHeader{opacity:0;font-size:14px;color:#2C2C2C;font-weight:600;letter-spacing:2px;pointer-events:none;-webkit-transition:0.5s ease-in-out;transition:0.5s ease-in-out}@media only screen and (max-width:790px){#Resume .sticky .footerHeader{font-size:10px}}@media only screen and (max-width:430px){#Resume .sticky .footerHeader{margin-bottom:10px}}#Resume .sticky .footerHeader span{font-size:11px;display:inline-block;margin-right:5px}#Resume .sticky .resumeTitle{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:15vw;margin-left:-20px;line-height:15.3vw;font-weight:bolder;font-family:"brockmann-medium"}@media only screen and (max-width:430px){#Resume .sticky .resumeTitle{font-size:18.8vw;letter-spacing:0px;-webkit-transform:translate(-9px,0);-ms-transform:translate(-9px,0);transform:translate(-9px,0)}}#Resume .sticky .resumeTitle div{color:white;overflow:hidden;position:relative}#Resume .sticky .resumeTitle div span{left:0;bottom:-100%;color:#2C2C2C;display:block;position:absolute;-webkit-transition:0.5s ease-in-out;transition:0.5s ease-in-out}#Resume .sticky .resumeTitle div:first-child span{-webkit-transition-delay:150ms;transition-delay:150ms}#Resume .sticky .resumeTitle div:nth-child(2) span{-webkit-transition-delay:300ms;transition-delay:300ms}#Resume .sticky .resumeTitle div:nth-child(3) span{-webkit-transition-delay:450ms;transition-delay:450ms}#Resume .sticky .resumeTitle div:nth-child(4) span{-webkit-transition-delay:600ms;transition-delay:600ms}#Resume .sticky .resumeTitle div:nth-child(5) span{-webkit-transition-delay:750ms;transition-delay:750ms}#Resume .sticky .resumeTitle div:nth-child(6) span{-webkit-transition-delay:900ms;transition-delay:900ms}#Resume .sticky .fp{width:100%;font-size:12px;color:#757575;text-align:right;letter-spacing:1px;margin-bottom:20px;pointer-events:none}@media only screen and (max-width:790px){#Resume .sticky .fp{font-size:10px;text-align:left;margin:20px 0 0 0}}@media only screen and (max-width:430px){#Resume .sticky .fp{display:none}}#Resume .resumeHolder{display:-webkit-box;display:-ms-flexbox;display:flex;width:calc(61.6vw - 50px);margin-left:calc(38.4vw + 50px);-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:150px 0 22vw 0}@media only screen and (max-width:1070px){#Resume .resumeHolder{width:calc(80vw - 50px);margin-left:calc(20vw + 50px)}}@media only screen and (max-width:820px){#Resume .resumeHolder{padding:150px 0 25vw 0}}@media only screen and (max-width:600px){#Resume .resumeHolder{width:calc(100% - 40px);margin-left:40px;padding:100px 40px 23vw 40px;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media only screen and (max-width:450px){#Resume .resumeHolder{width:100%;margin-left:0;padding:30px 40px 100px 40px}}#Resume .resumeHolder .content{max-width:620px;padding-bottom:50px}@media only screen and (max-width:1070px){#Resume .resumeHolder .content{padding-bottom:0}}@media only screen and (max-width:600px){#Resume .resumeHolder .content{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;width:100%;padding-bottom:0}}#Resume .resumeHolder .content .section{margin-bottom:80px}#Resume .resumeHolder .content .section.twin{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media only screen and (max-width:1000px){#Resume .resumeHolder .content .section.twin{display:block}}@media only screen and (max-width:1070px){#Resume .resumeHolder .content .section.last{margin-bottom:0}}@media only screen and (max-width:820px){#Resume .resumeHolder .content .section.last .block:last-child{margin-bottom:0}}#Resume .resumeHolder .content .section .titleSection{font-size:18px;position:relative;letter-spacing:2px;margin-bottom:30px;font-family:"brockmann-medium"}#Resume .resumeHolder .content .section .titleSection.icon:before{content:"";top:3px;left:-50px;width:12px;height:12px;display:block;position:absolute;background-size:cover;background-image:url("../img/titleIcon.svg")}#Resume .resumeHolder .content .section .mainTitle{color:#2C2C2C;font-size:12.5px;font-weight:600;line-height:22px;letter-spacing:1px}#Resume .resumeHolder .content .section .mainTitle.gray{color:#757575}#Resume .resumeHolder .content .section .subContent{font-size:12.5px;line-height:20px}#Resume .resumeHolder .content .section .subContent.gray{color:#757575}#Resume .resumeHolder .content .section p{font-size:13px;line-height:28px}#Resume .resumeHolder .content .section .contentSkills{display:-webkit-box;display:-ms-flexbox;display:flex;width:75%;-ms-flex-wrap:wrap;flex-wrap:wrap}@media only screen and (max-width:1000px){#Resume .resumeHolder .content .section .contentSkills{width:100%}}#Resume .resumeHolder .content .section .contentSkills .skillBlock{width:33.33%;padding:0 10px;min-width:150px;margin-bottom:10px;letter-spacing:1px}@media only screen and (max-width:530px){#Resume .resumeHolder .content .section .contentSkills .skillBlock{width:50%}}#Resume .resumeHolder .content .section .contentSkills .skillBlock .info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:5px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#Resume .resumeHolder .content .section .contentSkills .skillBlock .info .number{font-size:9px}#Resume .resumeHolder .content .section .contentSkills .skillBlock .bar{height:1px;width:100%;overflow:hidden;background-color:#B0B0B0}#Resume .resumeHolder .content .section .contentSkills .skillBlock:first-of-type .barLight{height:1px;width:90%;-webkit-transform-origin:0% 0%;-ms-transform-origin:0% 0%;transform-origin:0% 0%;background-color:#2C2C2C;-webkit-animation:shakeIt 1s ease infinite 2294ms;animation:shakeIt 1s ease infinite 2294ms}@-webkit-keyframes shakeIt{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}20%{-webkit-transform:scaleX(0.97);transform:scaleX(0.97)}50%{-webkit-transform:scaleX(1.1);transform:scaleX(1.1)}70%{-webkit-transform:scaleX(0.98);transform:scaleX(0.98)}90%{-webkit-transform:scaleX(1);transform:scaleX(1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}#Resume .resumeHolder .content .section .contentSkills .skillBlock:nth-of-type(2) .barLight{height:1px;width:90%;-webkit-transform-origin:0% 0%;-ms-transform-origin:0% 0%;transform-origin:0% 0%;background-color:#2C2C2C;-webkit-animation:shakeIt 1s ease infinite 1653ms;animation:shakeIt 1s ease infinite 1653ms}@-webkit-keyframes shakeIt{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}20%{-webkit-transform:scaleX(0.97);transform:scaleX(0.97)}50%{-webkit-transform:scaleX(1.1);transform:scaleX(1.1)}70%{-webkit-transform:scaleX(0.98);transform:scaleX(0.98)}90%{-webkit-transform:scaleX(1);transform:scaleX(1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}#Resume .resumeHolder .content .section .contentSkills .skillBlock:nth-of-type(3) .barLight{height:1px;width:90%;-webkit-transform-origin:0% 0%;-ms-transform-origin:0% 0%;transform-origin:0% 0%;background-color:#2C2C2C;-webkit-animation:shakeIt 1s ease infinite 2305ms;animation:shakeIt 1s ease infinite 2305ms}@-webkit-keyframes shakeIt{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}20%{-webkit-transform:scaleX(0.97);transform:scaleX(0.97)}50%{-webkit-transform:scaleX(1.1);transform:scaleX(1.1)}70%{-webkit-transform:scaleX(0.98);transform:scaleX(0.98)}90%{-webkit-transform:scaleX(1);transform:scaleX(1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}#Resume .resumeHolder .content .section .contentSkills .skillBlock:nth-of-type(4) .barLight{height:1px;width:90%;-webkit-transform-origin:0% 0%;-ms-transform-origin:0% 0%;transform-origin:0% 0%;background-color:#2C2C2C;-webkit-animation:shakeIt 1s ease infinite 2012ms;animation:shakeIt 1s ease infinite 2012ms}@-webkit-keyframes shakeIt{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}20%{-webkit-transform:scaleX(0.97);transform:scaleX(0.97)}50%{-webkit-transform:scaleX(1.1);transform:scaleX(1.1)}70%{-webkit-transform:scaleX(0.98);transform:scaleX(0.98)}90%{-webkit-transform:scaleX(1);transform:scaleX(1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}#Resume .resumeHolder .content .section .contentSkills .skillBlock:nth-of-type(5) .barLight{height:1px;width:90%;-webkit-transform-origin:0% 0%;-ms-transform-origin:0% 0%;transform-origin:0% 0%;background-color:#2C2C2C;-webkit-animation:shakeIt 1s ease infinite 2055ms;animation:shakeIt 1s ease infinite 2055ms}@-webkit-keyframes shakeIt{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}20%{-webkit-transform:scaleX(0.97);transform:scaleX(0.97)}50%{-webkit-transform:scaleX(1.1);transform:scaleX(1.1)}70%{-webkit-transform:scaleX(0.98);transform:scaleX(0.98)}90%{-webkit-transform:scaleX(1);transform:scaleX(1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}#Resume .resumeHolder .content .section .contentSkills .skillBlock:nth-of-type(6) .barLight{height:1px;width:90%;-webkit-transform-origin:0% 0%;-ms-transform-origin:0% 0%;transform-origin:0% 0%;background-color:#2C2C2C;-webkit-animation:shakeIt 1s ease infinite 871ms;animation:shakeIt 1s ease infinite 871ms}@-webkit-keyframes shakeIt{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}20%{-webkit-transform:scaleX(0.97);transform:scaleX(0.97)}50%{-webkit-transform:scaleX(1.1);transform:scaleX(1.1)}70%{-webkit-transform:scaleX(0.98);transform:scaleX(0.98)}90%{-webkit-transform:scaleX(1);transform:scaleX(1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}#Resume .resumeHolder .content .section .contentSkills .skillBlock:nth-of-type(7) .barLight{height:1px;width:90%;-webkit-transform-origin:0% 0%;-ms-transform-origin:0% 0%;transform-origin:0% 0%;background-color:#2C2C2C;-webkit-animation:shakeIt 1s ease infinite 2296ms;animation:shakeIt 1s ease infinite 2296ms}@-webkit-keyframes shakeIt{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}20%{-webkit-transform:scaleX(0.97);transform:scaleX(0.97)}50%{-webkit-transform:scaleX(1.1);transform:scaleX(1.1)}70%{-webkit-transform:scaleX(0.98);transform:scaleX(0.98)}90%{-webkit-transform:scaleX(1);transform:scaleX(1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}#Resume .resumeHolder .content .section .contentSkills .skillBlock:nth-of-type(8) .barLight{height:1px;width:90%;-webkit-transform-origin:0% 0%;-ms-transform-origin:0% 0%;transform-origin:0% 0%;background-color:#2C2C2C;-webkit-animation:shakeIt 1s ease infinite 486ms;animation:shakeIt 1s ease infinite 486ms}@-webkit-keyframes shakeIt{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}20%{-webkit-transform:scaleX(0.97);transform:scaleX(0.97)}50%{-webkit-transform:scaleX(1.1);transform:scaleX(1.1)}70%{-webkit-transform:scaleX(0.98);transform:scaleX(0.98)}90%{-webkit-transform:scaleX(1);transform:scaleX(1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}#Resume .resumeHolder .content .section .contentSkills .skillBlock:nth-of-type(9) .barLight{height:1px;width:90%;-webkit-transform-origin:0% 0%;-ms-transform-origin:0% 0%;transform-origin:0% 0%;background-color:#2C2C2C;-webkit-animation:shakeIt 1s ease infinite 1416ms;animation:shakeIt 1s ease infinite 1416ms}@-webkit-keyframes shakeIt{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}20%{-webkit-transform:scaleX(0.97);transform:scaleX(0.97)}50%{-webkit-transform:scaleX(1.1);transform:scaleX(1.1)}70%{-webkit-transform:scaleX(0.98);transform:scaleX(0.98)}90%{-webkit-transform:scaleX(1);transform:scaleX(1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}#Resume .resumeHolder .content .section .contentSkills .skillBlock:nth-of-type(10) .barLight{height:1px;width:90%;-webkit-transform-origin:0% 0%;-ms-transform-origin:0% 0%;transform-origin:0% 0%;background-color:#2C2C2C;-webkit-animation:shakeIt 1s ease infinite 336ms;animation:shakeIt 1s ease infinite 336ms}@-webkit-keyframes shakeIt{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}20%{-webkit-transform:scaleX(0.97);transform:scaleX(0.97)}50%{-webkit-transform:scaleX(1.1);transform:scaleX(1.1)}70%{-webkit-transform:scaleX(0.98);transform:scaleX(0.98)}90%{-webkit-transform:scaleX(1);transform:scaleX(1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}#Resume .resumeHolder .content .section .contentSkills .skillBlock:nth-of-type(11) .barLight{height:1px;width:90%;-webkit-transform-origin:0% 0%;-ms-transform-origin:0% 0%;transform-origin:0% 0%;background-color:#2C2C2C;-webkit-animation:shakeIt 1s ease infinite 2822ms;animation:shakeIt 1s ease infinite 2822ms}@-webkit-keyframes shakeIt{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}20%{-webkit-transform:scaleX(0.97);transform:scaleX(0.97)}50%{-webkit-transform:scaleX(1.1);transform:scaleX(1.1)}70%{-webkit-transform:scaleX(0.98);transform:scaleX(0.98)}90%{-webkit-transform:scaleX(1);transform:scaleX(1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}#Resume .resumeHolder .content .section .contentSkills .skillBlock:nth-of-type(12) .barLight{height:1px;width:90%;-webkit-transform-origin:0% 0%;-ms-transform-origin:0% 0%;transform-origin:0% 0%;background-color:#2C2C2C;-webkit-animation:shakeIt 1s ease infinite 948ms;animation:shakeIt 1s ease infinite 948ms}@-webkit-keyframes shakeIt{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}20%{-webkit-transform:scaleX(0.97);transform:scaleX(0.97)}50%{-webkit-transform:scaleX(1.1);transform:scaleX(1.1)}70%{-webkit-transform:scaleX(0.98);transform:scaleX(0.98)}90%{-webkit-transform:scaleX(1);transform:scaleX(1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}#Resume .resumeHolder .content .section .workList{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:25px;padding-bottom:25px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #c5c5c5}@media only screen and (max-width:1000px){#Resume .resumeHolder .content .section .workList{display:block}}#Resume .resumeHolder .content .section .workList .jobInfoBlock{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:10px}#Resume .resumeHolder .content .section .workList .jobInfoBlock .jobInfo{margin-right:10px;text-transform:uppercase}#Resume .resumeHolder .content .section .workList .jobInfoBlock .jobTitle{font-weight:400}#Resume .resumeHolder .content .section .workList .jobInfoBlock .jobTitle:before{content:"//";font-size:9px;margin-right:4px}#Resume .resumeHolder .content .section .block{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;-ms-flex-line-pack:start;align-content:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:calc(50% - 15px);border-bottom:1px solid #c5c5c5}@media only screen and (max-width:1000px){#Resume .resumeHolder .content .section .block{width:100%;margin-bottom:40px}}@media only screen and (max-width:600px){#Resume .resumeHolder .content .section .block:last-child{margin-bottom:0}}#Resume .resumeHolder .content .section .block .titleSection{width:100%}#Resume .resumeHolder .content .section .block .contentSection{display:inline-block;margin:0 auto 45px auto}#Resume .resumeHolder .content .section .block .contentSection .otherList{margin-bottom:20px}#Resume .resumeHolder .content .section .block .contentSection .otherList .mainTitle{font-weight:600;margin-bottom:3px;letter-spacing:0.7px}#Resume .resumeHolder .content .section .awardsRecords{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px}#Resume .resumeHolder .content .section .awardsRecords .mainTitle{line-height:18px;padding-left:10px}#Resume .resumeHolder .content .fp{display:none;font-size:10px;color:#757575;padding-top:40px;text-align:center;letter-spacing:1px;pointer-events:none}@media only screen and (max-width:450px){#Resume .resumeHolder .content .fp{display:block}}#Resume .resumeHolder .spaceGap{width:40px;-ms-flex-negative:0;flex-shrink:0}@media only screen and (max-width:600px){#Resume .resumeHolder .spaceGap{display:none}}#Resume .resumeHolder .spaceGap.noWidth{width:0}#Resume .resumeHolder .breaker{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}@media only screen and (max-width:600px){#Resume .resumeHolder .breaker{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;width:100%;-ms-flex-negative:0;flex-shrink:0;margin:30px 0 40px 0;-webkit-writing-mode:horizontal-tb;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb}}#Resume .resumeHolder .breaker .line{width:1px;height:100%;display:block;position:relative;background-color:#EAEAEA}@media only screen and (max-width:600px){#Resume .resumeHolder .breaker .line{height:1px;width:100%}}#Resume .resumeHolder .breaker .line .crossbar{bottom:0;right:0px;height:1px;position:absolute;width:3000px;background-color:#EAEAEA}@media only screen and (max-width:1070px){#Resume .resumeHolder .breaker .line .crossbar{display:none}}#Resume .resumeHolder .details{-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}@media only screen and (max-width:600px){#Resume .resumeHolder .details{width:100%;-webkit-writing-mode:horizontal-tb;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}#Resume .resumeHolder .details .title{font-size:13px;line-height:20px;margin:1px 0 0 10px;letter-spacing:4px}@media only screen and (max-width:600px){#Resume .resumeHolder .details .title{margin:1px 0 3px 2px}}#Resume .resumeHolder .details .name{line-height:45px;font-size:36px;letter-spacing:7px;font-family:"brockmann-medium"}@media only screen and (max-width:450px){#Resume .resumeHolder .details .name{line-height:32px;font-size:28px}}#ProjectModal{top:0;left:0;z-index:6;width:100vw;height:100vh;position:fixed;overflow:hidden;pointer-events:none}#ProjectModal #CloseBtn{opacity:0;top:-40px;z-index:11;width:80px;right:-40px;height:80px;cursor:pointer;position:fixed;padding-top:40px;-webkit-transition:1s ease-in-out;transition:1s ease-in-out;-webkit-transition-delay:0.5s;transition-delay:0.5s}#ProjectModal #CloseBtn .closeRing{font-size:12px;font-weight:600;pointer-events:none;-webkit-transform:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}#ProjectModal #CloseBtn .closeRing div{top:50%;left:50%;position:absolute;-webkit-transition:0.5s ease-in-out;transition:0.5s ease-in-out}#ProjectModal #CloseBtn .closeRing div:nth-child(6){color:#FC511B}#ProjectModal #CloseBtn .closeRing div:nth-child(12){color:#FC511B}#ProjectModal #CloseBtn .closeRing div:before{content:"X";top:0;left:0;z-index:1;opacity:0;color:#2C2C2C;position:absolute;-webkit-transition:0.5s ease-in-out;transition:0.5s ease-in-out}#ProjectModal #CloseBtn .closeRing div:first-child{-webkit-transform:translate(-50%,-50%) rotate(0deg) translateY(-40px) rotateX(90deg);transform:translate(-50%,-50%) rotate(0deg) translateY(-40px) rotateX(90deg)}#ProjectModal #CloseBtn .closeRing div:nth-child(2){-webkit-transform:translate(-50%,-50%) rotate(30deg) translateY(-40px) rotateX(90deg);transform:translate(-50%,-50%) rotate(30deg) translateY(-40px) rotateX(90deg)}#ProjectModal #CloseBtn .closeRing div:nth-child(3){-webkit-transform:translate(-50%,-50%) rotate(60deg) translateY(-40px) rotateX(90deg);transform:translate(-50%,-50%) rotate(60deg) translateY(-40px) rotateX(90deg)}#ProjectModal #CloseBtn .closeRing div:nth-child(4){-webkit-transform:translate(-50%,-50%) rotate(90deg) translateY(-40px) rotateX(90deg);transform:translate(-50%,-50%) rotate(90deg) translateY(-40px) rotateX(90deg)}#ProjectModal #CloseBtn .closeRing div:nth-child(5){-webkit-transform:translate(-50%,-50%) rotate(120deg) translateY(-40px) rotateX(90deg);transform:translate(-50%,-50%) rotate(120deg) translateY(-40px) rotateX(90deg)}#ProjectModal #CloseBtn .closeRing div:nth-child(6){-webkit-transform:translate(-50%,-50%) rotate(150deg) translateY(-40px) rotateX(90deg);transform:translate(-50%,-50%) rotate(150deg) translateY(-40px) rotateX(90deg)}#ProjectModal #CloseBtn .closeRing div:nth-child(7){-webkit-transform:translate(-50%,-50%) rotate(180deg) translateY(-40px) rotateX(90deg);transform:translate(-50%,-50%) rotate(180deg) translateY(-40px) rotateX(90deg)}#ProjectModal #CloseBtn .closeRing div:nth-child(8){-webkit-transform:translate(-50%,-50%) rotate(210deg) translateY(-40px) rotateX(90deg);transform:translate(-50%,-50%) rotate(210deg) translateY(-40px) rotateX(90deg)}#ProjectModal #CloseBtn .closeRing div:nth-child(9){-webkit-transform:translate(-50%,-50%) rotate(240deg) translateY(-40px) rotateX(90deg);transform:translate(-50%,-50%) rotate(240deg) translateY(-40px) rotateX(90deg)}#ProjectModal #CloseBtn .closeRing div:nth-child(10){-webkit-transform:translate(-50%,-50%) rotate(270deg) translateY(-40px) rotateX(90deg);transform:translate(-50%,-50%) rotate(270deg) translateY(-40px) rotateX(90deg)}#ProjectModal #CloseBtn .closeRing div:nth-child(11){-webkit-transform:translate(-50%,-50%) rotate(300deg) translateY(-40px) rotateX(90deg);transform:translate(-50%,-50%) rotate(300deg) translateY(-40px) rotateX(90deg)}#ProjectModal #CloseBtn .closeRing div:nth-child(12){-webkit-transform:translate(-50%,-50%) rotate(330deg) translateY(-40px) rotateX(90deg);transform:translate(-50%,-50%) rotate(330deg) translateY(-40px) rotateX(90deg)}#ProjectModal #CloseBtn:hover .closeRing div{color:rgba(0,0,0,0)}#ProjectModal #CloseBtn:hover .closeRing div:before{opacity:1}#ProjectModal #CloseBtn:hover .closeRing div:nth-child(6):before{color:#FC511B}#ProjectModal #CloseBtn:hover .closeRing div:nth-child(12):before{color:#FC511B}#ProjectModal #CloseBtn:hover .closeRing div:first-child{-webkit-transform:translate(-50%,-50%) rotate(0deg) translateY(-30px) rotateX(90deg);transform:translate(-50%,-50%) rotate(0deg) translateY(-30px) rotateX(90deg)}#ProjectModal #CloseBtn:hover .closeRing div:nth-child(2){-webkit-transform:translate(-50%,-50%) rotate(30deg) translateY(-30px) rotateX(90deg);transform:translate(-50%,-50%) rotate(30deg) translateY(-30px) rotateX(90deg)}#ProjectModal #CloseBtn:hover .closeRing div:nth-child(3){-webkit-transform:translate(-50%,-50%) rotate(60deg) translateY(-30px) rotateX(90deg);transform:translate(-50%,-50%) rotate(60deg) translateY(-30px) rotateX(90deg)}#ProjectModal #CloseBtn:hover .closeRing div:nth-child(4){-webkit-transform:translate(-50%,-50%) rotate(90deg) translateY(-30px) rotateX(90deg);transform:translate(-50%,-50%) rotate(90deg) translateY(-30px) rotateX(90deg)}#ProjectModal #CloseBtn:hover .closeRing div:nth-child(5){-webkit-transform:translate(-50%,-50%) rotate(120deg) translateY(-30px) rotateX(90deg);transform:translate(-50%,-50%) rotate(120deg) translateY(-30px) rotateX(90deg)}#ProjectModal #CloseBtn:hover .closeRing div:nth-child(6){-webkit-transform:translate(-50%,-50%) rotate(150deg) translateY(-30px) rotateX(90deg);transform:translate(-50%,-50%) rotate(150deg) translateY(-30px) rotateX(90deg)}#ProjectModal #CloseBtn:hover .closeRing div:nth-child(7){-webkit-transform:translate(-50%,-50%) rotate(180deg) translateY(-30px) rotateX(90deg);transform:translate(-50%,-50%) rotate(180deg) translateY(-30px) rotateX(90deg)}#ProjectModal #CloseBtn:hover .closeRing div:nth-child(8){-webkit-transform:translate(-50%,-50%) rotate(210deg) translateY(-30px) rotateX(90deg);transform:translate(-50%,-50%) rotate(210deg) translateY(-30px) rotateX(90deg)}#ProjectModal #CloseBtn:hover .closeRing div:nth-child(9){-webkit-transform:translate(-50%,-50%) rotate(240deg) translateY(-30px) rotateX(90deg);transform:translate(-50%,-50%) rotate(240deg) translateY(-30px) rotateX(90deg)}#ProjectModal #CloseBtn:hover .closeRing div:nth-child(10){-webkit-transform:translate(-50%,-50%) rotate(270deg) translateY(-30px) rotateX(90deg);transform:translate(-50%,-50%) rotate(270deg) translateY(-30px) rotateX(90deg)}#ProjectModal #CloseBtn:hover .closeRing div:nth-child(11){-webkit-transform:translate(-50%,-50%) rotate(300deg) translateY(-30px) rotateX(90deg);transform:translate(-50%,-50%) rotate(300deg) translateY(-30px) rotateX(90deg)}#ProjectModal #CloseBtn:hover .closeRing div:nth-child(12){-webkit-transform:translate(-50%,-50%) rotate(330deg) translateY(-30px) rotateX(90deg);transform:translate(-50%,-50%) rotate(330deg) translateY(-30px) rotateX(90deg)}#ProjectModal #ProjectInfo{left:40px;z-index:8;bottom:30px;position:fixed;display:none;pointer-events:none;mix-blend-mode:luminosity}@media only screen and (max-width:450px){#ProjectModal #ProjectInfo{left:20px;bottom:20px}}#ProjectModal #ProjectInfo .info{font-size:14px;color:#2C2C2C;font-weight:600;line-height:16px;letter-spacing:3px;margin:0 0 10px 0}#ProjectModal #ProjectInfo .title{font-size:100px;color:#2C2C2C;font-weight:600;letter-spacing:3px;line-height:100px;margin:0 0 20px 0;mix-blend-mode:difference}@media only screen and (max-width:960px){#ProjectModal #ProjectInfo .title{font-size:10vw;line-height:10vw}}#ProjectModal #ArtStation{z-index:2;width:100vw;height:100vh;position:relative;overflow-y:scroll;-webkit-transition:1s ease-in-out;transition:1s ease-in-out;-webkit-transition-delay:0.5s;transition-delay:0.5s;-webkit-transform:translate(0,100vh);-ms-transform:translate(0,100vh);transform:translate(0,100vh);-webkit-overflow-scrolling:touch;scroll-behavior:smooth}#ProjectModal #ArtStation .holder{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transition:0.5s ease-in-out;transition:0.5s ease-in-out}#ProjectModal #ArtStation .artbox{max-width:950px;padding:0 20px;position:relative;margin:0 auto 50px auto;-webkit-filter:drop-shadow(0px 0px 50px rgba(0,0,0,0.15));filter:drop-shadow(0px 0px 50px rgba(0,0,0,0.15))}#ProjectModal #ArtStation .artbox:first-child{margin-top:150px}#ProjectModal #ArtStation .artbox:last-child{margin-bottom:250px}#ProjectModal #ArtStation .artbox.sideScroll .artCage{top:13px;z-index:0;left:calc(-100vh + 420px);width:calc(100vh - 400px);max-height:910px;height:calc(100vw - 40px);overflow-y:scroll;position:absolute;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top;border-radius:5px 0 0 5px}#ProjectModal #ArtStation .artbox .webUi{z-index:1;width:100%;padding:5px;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;background-color:#2C2C2C;border-radius:5px 5px 0 0}#ProjectModal #ArtStation .artbox .webUi .dots{width:4px;height:4px;margin-right:5px;border-radius:2px;background-color:#E6E6E6}#ProjectModal #ArtStation .artbox img{width:100%;border-radius:0 0 5px 5px}#ProjectModal #ArtStation .artbox.noframe .webUi{display:none}#ProjectModal #ArtStation .artbox.noframe img{border-radius:5px}#ProjectModal .pixalCage{top:0;left:0;width:100vw;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden;position:absolute;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-line-pack:start;align-content:flex-start}#ProjectModal .pixalCage .pixal{opacity:0;width:10vw;height:10vw;background-color:#E7E7E7;-webkit-transition:0.5s ease-in-out;transition:0.5s ease-in-out}#ProjectModal .pixalCage .pixal:first-of-type{-webkit-transition-delay:50ms;transition-delay:50ms}#ProjectModal .pixalCage .pixal:nth-of-type(2){-webkit-transition-delay:96ms;transition-delay:96ms}#ProjectModal .pixalCage .pixal:nth-of-type(3){-webkit-transition-delay:20ms;transition-delay:20ms}#ProjectModal .pixalCage .pixal:nth-of-type(4){-webkit-transition-delay:182ms;transition-delay:182ms}#ProjectModal .pixalCage .pixal:nth-of-type(5){-webkit-transition-delay:175ms;transition-delay:175ms}#ProjectModal .pixalCage .pixal:nth-of-type(6){-webkit-transition-delay:116ms;transition-delay:116ms}#ProjectModal .pixalCage .pixal:nth-of-type(7){-webkit-transition-delay:47ms;transition-delay:47ms}#ProjectModal .pixalCage .pixal:nth-of-type(8){-webkit-transition-delay:156ms;transition-delay:156ms}#ProjectModal .pixalCage .pixal:nth-of-type(9){-webkit-transition-delay:135ms;transition-delay:135ms}#ProjectModal .pixalCage .pixal:nth-of-type(10){-webkit-transition-delay:74ms;transition-delay:74ms}#ProjectModal .pixalCage .pixal:nth-of-type(11){-webkit-transition-delay:175ms;transition-delay:175ms}#ProjectModal .pixalCage .pixal:nth-of-type(12){-webkit-transition-delay:63ms;transition-delay:63ms}#ProjectModal .pixalCage .pixal:nth-of-type(13){-webkit-transition-delay:43ms;transition-delay:43ms}#ProjectModal .pixalCage .pixal:nth-of-type(14){-webkit-transition-delay:55ms;transition-delay:55ms}#ProjectModal .pixalCage .pixal:nth-of-type(15){-webkit-transition-delay:116ms;transition-delay:116ms}#ProjectModal .pixalCage .pixal:nth-of-type(16){-webkit-transition-delay:132ms;transition-delay:132ms}#ProjectModal .pixalCage .pixal:nth-of-type(17){-webkit-transition-delay:23ms;transition-delay:23ms}#ProjectModal .pixalCage .pixal:nth-of-type(18){-webkit-transition-delay:156ms;transition-delay:156ms}#ProjectModal .pixalCage .pixal:nth-of-type(19){-webkit-transition-delay:196ms;transition-delay:196ms}#ProjectModal .pixalCage .pixal:nth-of-type(20){-webkit-transition-delay:178ms;transition-delay:178ms}#ProjectModal .pixalCage .pixal:nth-of-type(21){-webkit-transition-delay:95ms;transition-delay:95ms}#ProjectModal .pixalCage .pixal:nth-of-type(22){-webkit-transition-delay:141ms;transition-delay:141ms}#ProjectModal .pixalCage .pixal:nth-of-type(23){-webkit-transition-delay:163ms;transition-delay:163ms}#ProjectModal .pixalCage .pixal:nth-of-type(24){-webkit-transition-delay:1ms;transition-delay:1ms}#ProjectModal .pixalCage .pixal:nth-of-type(25){-webkit-transition-delay:75ms;transition-delay:75ms}#ProjectModal .pixalCage .pixal:nth-of-type(26){-webkit-transition-delay:77ms;transition-delay:77ms}#ProjectModal .pixalCage .pixal:nth-of-type(27){-webkit-transition-delay:120ms;transition-delay:120ms}#ProjectModal .pixalCage .pixal:nth-of-type(28){-webkit-transition-delay:107ms;transition-delay:107ms}#ProjectModal .pixalCage .pixal:nth-of-type(29){-webkit-transition-delay:148ms;transition-delay:148ms}#ProjectModal .pixalCage .pixal:nth-of-type(30){-webkit-transition-delay:44ms;transition-delay:44ms}#ProjectModal .pixalCage .pixal:nth-of-type(31){-webkit-transition-delay:143ms;transition-delay:143ms}#ProjectModal .pixalCage .pixal:nth-of-type(32){-webkit-transition-delay:38ms;transition-delay:38ms}#ProjectModal .pixalCage .pixal:nth-of-type(33){-webkit-transition-delay:108ms;transition-delay:108ms}#ProjectModal .pixalCage .pixal:nth-of-type(34){-webkit-transition-delay:193ms;transition-delay:193ms}#ProjectModal .pixalCage .pixal:nth-of-type(35){-webkit-transition-delay:162ms;transition-delay:162ms}#ProjectModal .pixalCage .pixal:nth-of-type(36){-webkit-transition-delay:93ms;transition-delay:93ms}#ProjectModal .pixalCage .pixal:nth-of-type(37){-webkit-transition-delay:194ms;transition-delay:194ms}#ProjectModal .pixalCage .pixal:nth-of-type(38){-webkit-transition-delay:34ms;transition-delay:34ms}#ProjectModal .pixalCage .pixal:nth-of-type(39){-webkit-transition-delay:14ms;transition-delay:14ms}#ProjectModal .pixalCage .pixal:nth-of-type(40){-webkit-transition-delay:120ms;transition-delay:120ms}#ProjectModal .pixalCage .pixal:nth-of-type(41){-webkit-transition-delay:196ms;transition-delay:196ms}#ProjectModal .pixalCage .pixal:nth-of-type(42){-webkit-transition-delay:160ms;transition-delay:160ms}#ProjectModal .pixalCage .pixal:nth-of-type(43){-webkit-transition-delay:70ms;transition-delay:70ms}#ProjectModal .pixalCage .pixal:nth-of-type(44){-webkit-transition-delay:39ms;transition-delay:39ms}#ProjectModal .pixalCage .pixal:nth-of-type(45){-webkit-transition-delay:33ms;transition-delay:33ms}#ProjectModal .pixalCage .pixal:nth-of-type(46){-webkit-transition-delay:163ms;transition-delay:163ms}#ProjectModal .pixalCage .pixal:nth-of-type(47){-webkit-transition-delay:84ms;transition-delay:84ms}#ProjectModal .pixalCage .pixal:nth-of-type(48){-webkit-transition-delay:130ms;transition-delay:130ms}#ProjectModal .pixalCage .pixal:nth-of-type(49){-webkit-transition-delay:88ms;transition-delay:88ms}#ProjectModal .pixalCage .pixal:nth-of-type(50){-webkit-transition-delay:73ms;transition-delay:73ms}#ProjectModal .pixalCage .pixal:nth-of-type(51){-webkit-transition-delay:8ms;transition-delay:8ms}#ProjectModal .pixalCage .pixal:nth-of-type(52){-webkit-transition-delay:5ms;transition-delay:5ms}#ProjectModal .pixalCage .pixal:nth-of-type(53){-webkit-transition-delay:198ms;transition-delay:198ms}#ProjectModal .pixalCage .pixal:nth-of-type(54){-webkit-transition-delay:135ms;transition-delay:135ms}#ProjectModal .pixalCage .pixal:nth-of-type(55){-webkit-transition-delay:115ms;transition-delay:115ms}#ProjectModal .pixalCage .pixal:nth-of-type(56){-webkit-transition-delay:189ms;transition-delay:189ms}#ProjectModal .pixalCage .pixal:nth-of-type(57){-webkit-transition-delay:59ms;transition-delay:59ms}#ProjectModal .pixalCage .pixal:nth-of-type(58){-webkit-transition-delay:188ms;transition-delay:188ms}#ProjectModal .pixalCage .pixal:nth-of-type(59){-webkit-transition-delay:82ms;transition-delay:82ms}#ProjectModal .pixalCage .pixal:nth-of-type(60){-webkit-transition-delay:187ms;transition-delay:187ms}#ProjectModal .pixalCage .pixal:nth-of-type(61){-webkit-transition-delay:188ms;transition-delay:188ms}#ProjectModal .pixalCage .pixal:nth-of-type(62){-webkit-transition-delay:183ms;transition-delay:183ms}#ProjectModal .pixalCage .pixal:nth-of-type(63){-webkit-transition-delay:134ms;transition-delay:134ms}#ProjectModal .pixalCage .pixal:nth-of-type(64){-webkit-transition-delay:110ms;transition-delay:110ms}#ProjectModal .pixalCage .pixal:nth-of-type(65){-webkit-transition-delay:184ms;transition-delay:184ms}#ProjectModal .pixalCage .pixal:nth-of-type(66){-webkit-transition-delay:185ms;transition-delay:185ms}#ProjectModal .pixalCage .pixal:nth-of-type(67){-webkit-transition-delay:180ms;transition-delay:180ms}#ProjectModal .pixalCage .pixal:nth-of-type(68){-webkit-transition-delay:9ms;transition-delay:9ms}#ProjectModal .pixalCage .pixal:nth-of-type(69){-webkit-transition-delay:72ms;transition-delay:72ms}#ProjectModal .pixalCage .pixal:nth-of-type(70){-webkit-transition-delay:155ms;transition-delay:155ms}#ProjectModal .pixalCage .pixal:nth-of-type(71){-webkit-transition-delay:29ms;transition-delay:29ms}#ProjectModal .pixalCage .pixal:nth-of-type(72){-webkit-transition-delay:196ms;transition-delay:196ms}#ProjectModal .pixalCage .pixal:nth-of-type(73){-webkit-transition-delay:80ms;transition-delay:80ms}#ProjectModal .pixalCage .pixal:nth-of-type(74){-webkit-transition-delay:58ms;transition-delay:58ms}#ProjectModal .pixalCage .pixal:nth-of-type(75){-webkit-transition-delay:83ms;transition-delay:83ms}#ProjectModal .pixalCage .pixal:nth-of-type(76){-webkit-transition-delay:77ms;transition-delay:77ms}#ProjectModal .pixalCage .pixal:nth-of-type(77){-webkit-transition-delay:77ms;transition-delay:77ms}#ProjectModal .pixalCage .pixal:nth-of-type(78){-webkit-transition-delay:78ms;transition-delay:78ms}#ProjectModal .pixalCage .pixal:nth-of-type(79){-webkit-transition-delay:162ms;transition-delay:162ms}#ProjectModal .pixalCage .pixal:nth-of-type(80){-webkit-transition-delay:49ms;transition-delay:49ms}#ProjectModal .pixalCage .pixal:nth-of-type(81){-webkit-transition-delay:171ms;transition-delay:171ms}#ProjectModal .pixalCage .pixal:nth-of-type(82){-webkit-transition-delay:34ms;transition-delay:34ms}#ProjectModal .pixalCage .pixal:nth-of-type(83){-webkit-transition-delay:44ms;transition-delay:44ms}#ProjectModal .pixalCage .pixal:nth-of-type(84){-webkit-transition-delay:181ms;transition-delay:181ms}#ProjectModal .pixalCage .pixal:nth-of-type(85){-webkit-transition-delay:148ms;transition-delay:148ms}#ProjectModal .pixalCage .pixal:nth-of-type(86){-webkit-transition-delay:162ms;transition-delay:162ms}#ProjectModal .pixalCage .pixal:nth-of-type(87){-webkit-transition-delay:81ms;transition-delay:81ms}#ProjectModal .pixalCage .pixal:nth-of-type(88){-webkit-transition-delay:46ms;transition-delay:46ms}#ProjectModal .pixalCage .pixal:nth-of-type(89){-webkit-transition-delay:168ms;transition-delay:168ms}#ProjectModal .pixalCage .pixal:nth-of-type(90){-webkit-transition-delay:111ms;transition-delay:111ms}#ProjectModal .pixalCage .pixal:nth-of-type(91){-webkit-transition-delay:141ms;transition-delay:141ms}#ProjectModal .pixalCage .pixal:nth-of-type(92){-webkit-transition-delay:39ms;transition-delay:39ms}#ProjectModal .pixalCage .pixal:nth-of-type(93){-webkit-transition-delay:154ms;transition-delay:154ms}#ProjectModal .pixalCage .pixal:nth-of-type(94){-webkit-transition-delay:134ms;transition-delay:134ms}#ProjectModal .pixalCage .pixal:nth-of-type(95){-webkit-transition-delay:165ms;transition-delay:165ms}#ProjectModal .pixalCage .pixal:nth-of-type(96){-webkit-transition-delay:190ms;transition-delay:190ms}#ProjectModal .pixalCage .pixal:nth-of-type(97){-webkit-transition-delay:195ms;transition-delay:195ms}#ProjectModal .pixalCage .pixal:nth-of-type(98){-webkit-transition-delay:57ms;transition-delay:57ms}#ProjectModal .pixalCage .pixal:nth-of-type(99){-webkit-transition-delay:64ms;transition-delay:64ms}#ProjectModal .pixalCage .pixal:nth-of-type(100){-webkit-transition-delay:164ms;transition-delay:164ms}#ProjectModal .pixalCage .pixal:nth-of-type(101){-webkit-transition-delay:170ms;transition-delay:170ms}#ProjectModal .pixalCage .pixal:nth-of-type(102){-webkit-transition-delay:4ms;transition-delay:4ms}#ProjectModal .pixalCage .pixal:nth-of-type(103){-webkit-transition-delay:127ms;transition-delay:127ms}#ProjectModal .pixalCage .pixal:nth-of-type(104){-webkit-transition-delay:53ms;transition-delay:53ms}#ProjectModal .pixalCage .pixal:nth-of-type(105){-webkit-transition-delay:184ms;transition-delay:184ms}#ProjectModal .pixalCage .pixal:nth-of-type(106){-webkit-transition-delay:83ms;transition-delay:83ms}#ProjectModal .pixalCage .pixal:nth-of-type(107){-webkit-transition-delay:172ms;transition-delay:172ms}#ProjectModal .pixalCage .pixal:nth-of-type(108){-webkit-transition-delay:19ms;transition-delay:19ms}#ProjectModal .pixalCage .pixal:nth-of-type(109){-webkit-transition-delay:191ms;transition-delay:191ms}#ProjectModal .pixalCage .pixal:nth-of-type(110){-webkit-transition-delay:74ms;transition-delay:74ms}#ProjectModal .pixalCage .pixal:nth-of-type(111){-webkit-transition-delay:139ms;transition-delay:139ms}#ProjectModal .pixalCage .pixal:nth-of-type(112){-webkit-transition-delay:55ms;transition-delay:55ms}#ProjectModal .pixalCage .pixal:nth-of-type(113){-webkit-transition-delay:163ms;transition-delay:163ms}#ProjectModal .pixalCage .pixal:nth-of-type(114){-webkit-transition-delay:69ms;transition-delay:69ms}#ProjectModal .pixalCage .pixal:nth-of-type(115){-webkit-transition-delay:181ms;transition-delay:181ms}#ProjectModal .pixalCage .pixal:nth-of-type(116){-webkit-transition-delay:70ms;transition-delay:70ms}#ProjectModal .pixalCage .pixal:nth-of-type(117){-webkit-transition-delay:191ms;transition-delay:191ms}#ProjectModal .pixalCage .pixal:nth-of-type(118){-webkit-transition-delay:189ms;transition-delay:189ms}#ProjectModal .pixalCage .pixal:nth-of-type(119){-webkit-transition-delay:191ms;transition-delay:191ms}#ProjectModal .pixalCage .pixal:nth-of-type(120){-webkit-transition-delay:138ms;transition-delay:138ms}#ProjectModal .pixalCage .pixal:nth-of-type(121){-webkit-transition-delay:174ms;transition-delay:174ms}#ProjectModal .pixalCage .pixal:nth-of-type(122){-webkit-transition-delay:76ms;transition-delay:76ms}#ProjectModal .pixalCage .pixal:nth-of-type(123){-webkit-transition-delay:53ms;transition-delay:53ms}#ProjectModal .pixalCage .pixal:nth-of-type(124){-webkit-transition-delay:172ms;transition-delay:172ms}#ProjectModal .pixalCage .pixal:nth-of-type(125){-webkit-transition-delay:63ms;transition-delay:63ms}#ProjectModal .pixalCage .pixal:nth-of-type(126){-webkit-transition-delay:68ms;transition-delay:68ms}#ProjectModal .pixalCage .pixal:nth-of-type(127){-webkit-transition-delay:82ms;transition-delay:82ms}#ProjectModal .pixalCage .pixal:nth-of-type(128){-webkit-transition-delay:190ms;transition-delay:190ms}#ProjectModal .pixalCage .pixal:nth-of-type(129){-webkit-transition-delay:183ms;transition-delay:183ms}#ProjectModal .pixalCage .pixal:nth-of-type(130){-webkit-transition-delay:117ms;transition-delay:117ms}#ProjectModal .pixalCage .pixal:nth-of-type(131){-webkit-transition-delay:195ms;transition-delay:195ms}#ProjectModal .pixalCage .pixal:nth-of-type(132){-webkit-transition-delay:187ms;transition-delay:187ms}#ProjectModal .pixalCage .pixal:nth-of-type(133){-webkit-transition-delay:86ms;transition-delay:86ms}#ProjectModal .pixalCage .pixal:nth-of-type(134){-webkit-transition-delay:129ms;transition-delay:129ms}#ProjectModal .pixalCage .pixal:nth-of-type(135){-webkit-transition-delay:199ms;transition-delay:199ms}#ProjectModal .pixalCage .pixal:nth-of-type(136){-webkit-transition-delay:36ms;transition-delay:36ms}#ProjectModal .pixalCage .pixal:nth-of-type(137){-webkit-transition-delay:73ms;transition-delay:73ms}#ProjectModal .pixalCage .pixal:nth-of-type(138){-webkit-transition-delay:172ms;transition-delay:172ms}#ProjectModal .pixalCage .pixal:nth-of-type(139){-webkit-transition-delay:16ms;transition-delay:16ms}#ProjectModal .pixalCage .pixal:nth-of-type(140){-webkit-transition-delay:43ms;transition-delay:43ms}#ProjectModal .pixalCage .pixal:nth-of-type(141){-webkit-transition-delay:81ms;transition-delay:81ms}#ProjectModal .pixalCage .pixal:nth-of-type(142){-webkit-transition-delay:143ms;transition-delay:143ms}#ProjectModal .pixalCage .pixal:nth-of-type(143){-webkit-transition-delay:161ms;transition-delay:161ms}#ProjectModal .pixalCage .pixal:nth-of-type(144){-webkit-transition-delay:177ms;transition-delay:177ms}#ProjectModal .pixalCage .pixal:nth-of-type(145){-webkit-transition-delay:199ms;transition-delay:199ms}#ProjectModal .pixalCage .pixal:nth-of-type(146){-webkit-transition-delay:190ms;transition-delay:190ms}#ProjectModal .pixalCage .pixal:nth-of-type(147){-webkit-transition-delay:95ms;transition-delay:95ms}#ProjectModal .pixalCage .pixal:nth-of-type(148){-webkit-transition-delay:120ms;transition-delay:120ms}#ProjectModal .pixalCage .pixal:nth-of-type(149){-webkit-transition-delay:37ms;transition-delay:37ms}#ProjectModal .pixalCage .pixal:nth-of-type(150){-webkit-transition-delay:171ms;transition-delay:171ms}#ProjectModal .pixalCage .pixal:nth-of-type(151){-webkit-transition-delay:19ms;transition-delay:19ms}#ProjectModal .pixalCage .pixal:nth-of-type(152){-webkit-transition-delay:138ms;transition-delay:138ms}#ProjectModal .pixalCage .pixal:nth-of-type(153){-webkit-transition-delay:91ms;transition-delay:91ms}#ProjectModal .pixalCage .pixal:nth-of-type(154){-webkit-transition-delay:115ms;transition-delay:115ms}#ProjectModal .pixalCage .pixal:nth-of-type(155){-webkit-transition-delay:127ms;transition-delay:127ms}#ProjectModal .pixalCage .pixal:nth-of-type(156){-webkit-transition-delay:138ms;transition-delay:138ms}#ProjectModal .pixalCage .pixal:nth-of-type(157){-webkit-transition-delay:35ms;transition-delay:35ms}#ProjectModal .pixalCage .pixal:nth-of-type(158){-webkit-transition-delay:160ms;transition-delay:160ms}#ProjectModal .pixalCage .pixal:nth-of-type(159){-webkit-transition-delay:45ms;transition-delay:45ms}#ProjectModal .pixalCage .pixal:nth-of-type(160){-webkit-transition-delay:77ms;transition-delay:77ms}#ProjectModal .pixalCage .pixal:nth-of-type(161){-webkit-transition-delay:173ms;transition-delay:173ms}#ProjectModal .pixalCage .pixal:nth-of-type(162){-webkit-transition-delay:132ms;transition-delay:132ms}#ProjectModal .pixalCage .pixal:nth-of-type(163){-webkit-transition-delay:48ms;transition-delay:48ms}#ProjectModal .pixalCage .pixal:nth-of-type(164){-webkit-transition-delay:27ms;transition-delay:27ms}#ProjectModal .pixalCage .pixal:nth-of-type(165){-webkit-transition-delay:19ms;transition-delay:19ms}#ProjectModal .pixalCage .pixal:nth-of-type(166){-webkit-transition-delay:34ms;transition-delay:34ms}#ProjectModal .pixalCage .pixal:nth-of-type(167){-webkit-transition-delay:141ms;transition-delay:141ms}#ProjectModal .pixalCage .pixal:nth-of-type(168){-webkit-transition-delay:28ms;transition-delay:28ms}#ProjectModal .pixalCage .pixal:nth-of-type(169){-webkit-transition-delay:154ms;transition-delay:154ms}#ProjectModal .pixalCage .pixal:nth-of-type(170){-webkit-transition-delay:8ms;transition-delay:8ms}#ProjectModal .pixalCage .pixal:nth-of-type(171){-webkit-transition-delay:142ms;transition-delay:142ms}#ProjectModal .pixalCage .pixal:nth-of-type(172){-webkit-transition-delay:63ms;transition-delay:63ms}#ProjectModal .pixalCage .pixal:nth-of-type(173){-webkit-transition-delay:128ms;transition-delay:128ms}#ProjectModal .pixalCage .pixal:nth-of-type(174){-webkit-transition-delay:133ms;transition-delay:133ms}#ProjectModal .pixalCage .pixal:nth-of-type(175){-webkit-transition-delay:191ms;transition-delay:191ms}#ProjectModal .pixalCage .pixal:nth-of-type(176){-webkit-transition-delay:188ms;transition-delay:188ms}#ProjectModal .pixalCage .pixal:nth-of-type(177){-webkit-transition-delay:175ms;transition-delay:175ms}#ProjectModal .pixalCage .pixal:nth-of-type(178){-webkit-transition-delay:31ms;transition-delay:31ms}#ProjectModal .pixalCage .pixal:nth-of-type(179){-webkit-transition-delay:28ms;transition-delay:28ms}#ProjectModal .pixalCage .pixal:nth-of-type(180){-webkit-transition-delay:97ms;transition-delay:97ms}#ProjectModal .pixalCage .pixal:nth-of-type(181){-webkit-transition-delay:75ms;transition-delay:75ms}#ProjectModal .pixalCage .pixal:nth-of-type(182){-webkit-transition-delay:122ms;transition-delay:122ms}#ProjectModal .pixalCage .pixal:nth-of-type(183){-webkit-transition-delay:26ms;transition-delay:26ms}#ProjectModal .pixalCage .pixal:nth-of-type(184){-webkit-transition-delay:58ms;transition-delay:58ms}#ProjectModal .pixalCage .pixal:nth-of-type(185){-webkit-transition-delay:155ms;transition-delay:155ms}#ProjectModal .pixalCage .pixal:nth-of-type(186){-webkit-transition-delay:80ms;transition-delay:80ms}#ProjectModal .pixalCage .pixal:nth-of-type(187){-webkit-transition-delay:21ms;transition-delay:21ms}#ProjectModal .pixalCage .pixal:nth-of-type(188){-webkit-transition-delay:133ms;transition-delay:133ms}#ProjectModal .pixalCage .pixal:nth-of-type(189){-webkit-transition-delay:152ms;transition-delay:152ms}#ProjectModal .pixalCage .pixal:nth-of-type(190){-webkit-transition-delay:9ms;transition-delay:9ms}body.openModal{overflow:hidden}body.openModal header{min-width:320px}body.openModal header #MainContent{-webkit-filter:brightness(0.2);filter:brightness(0.2)}body.openModal header .righttWing{display:none}body.openModal #ProjectModal{pointer-events:auto}body.openModal #ProjectModal #CloseBtn{top:25px;opacity:1;right:30px}@media only screen and (max-width:450px){body.openModal #ProjectModal #CloseBtn{top:5px;right:8px}}body.openModal #ProjectModal #CloseBtn .closeRing{-webkit-animation:spinning-circle 15s linear infinite;animation:spinning-circle 15s linear infinite}@-webkit-keyframes spinning-circle{0%{-webkit-transform:rotateX(-110deg) rotateY(-35deg) rotate(0);transform:rotateX(-110deg) rotateY(-35deg) rotate(0)}to{-webkit-transform:rotateX(-110deg) rotateY(-35deg) rotate(-360deg);transform:rotateX(-110deg) rotateY(-35deg) rotate(-360deg)}}@keyframes spinning-circle{0%{-webkit-transform:rotateX(-110deg) rotateY(-35deg) rotate(0);transform:rotateX(-110deg) rotateY(-35deg) rotate(0)}to{-webkit-transform:rotateX(-110deg) rotateY(-35deg) rotate(-360deg);transform:rotateX(-110deg) rotateY(-35deg) rotate(-360deg)}}body.openModal #ProjectModal #ProjectInfo{display:block}body.openModal #ProjectModal #ArtStation{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}body.openModal #ProjectModal .pixalCage{-webkit-transition:0.5s ease-in-out;transition:0.5s ease-in-out;-webkit-transition-delay:210ms;transition-delay:210ms;background-color:#E7E7E7}body.openModal #ProjectModal .pixalCage .pixal{opacity:1}