@import url(https://fonts.googleapis.com/css?family=Work+Sans:100,200,300,500|Black+And+White+Picture|Playfair+Display:900|Yellowtail|Pacifico|Permanent+Marker|Khula:300,400,500);*{padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box}a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{border:0;outline:0;font-family:"Work Sans",sans-serif;text-decoration:none;color:inherit;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus{outline:0}body{overflow:hidden;font-weight:100;scroll-behavior:smooth}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,td,th{text-align:left;font-weight:400}blockquote:after,blockquote:before,q:after,q:before{content:""}blockquote,q{quotes:"" ""}@-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fade-out{0%{opacity:1}100%{opacity:0}}@keyframes fade-out{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes button-left{from{-webkit-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0}to{-webkit-transform:translate(0);transform:translate(0);opacity:.75}}@keyframes button-left{from{-webkit-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0}to{-webkit-transform:translate(0);transform:translate(0);opacity:.75}}@-webkit-keyframes button-right{from{-webkit-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0}to{-webkit-transform:translate(0);transform:translate(0);opacity:.75}}@keyframes button-right{from{-webkit-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0}to{-webkit-transform:translate(0);transform:translate(0);opacity:.75}}@-webkit-keyframes video-swipe{from{opacity:0;margin-top:0}to{opacity:1;margin-top:20px}}@keyframes video-swipe{from{opacity:0;margin-top:0}to{opacity:1;margin-top:20px}}.front{-webkit-animation:fade-in .8s forwards;animation:fade-in .8s forwards}.back{-webkit-animation:fade-out .5s forwards;animation:fade-out .5s forwards}.z-index{z-index:4}.button-z-index{z-index:5}.nav-swipe{-webkit-transform:translateX(15px);transform:translateX(15px);-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;will-change:transform}.footer-swipe{-webkit-transform:translateX(-15px);transform:translateX(-15px);-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;will-change:transform}.reverse-nav-swipe{-webkit-transform:rotate(-90deg) translateX(0);transform:rotate(-90deg) translateX(0);-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;will-change:transform}.reverse-footer-swipe{-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;will-change:transform}.active-nav{color:rgba(114,77,105,.589)}.inactive-nav{color:rgba(212,181,223,.747)}.button-left{-webkit-animation:button-left 1s forwards ease 1s;animation:button-left 1s forwards ease 1s}.button-right{-webkit-animation:button-right 1s forwards ease 1s;animation:button-right 1s forwards ease 1s}@font-face{font-family:DebDevelops;src:url(fonts/DebDevelops.eot?izcq9x);src:url(fonts/DebDevelops.eot?izcq9x#iefix) format("embedded-opentype"),url(fonts/DebDevelops.ttf?izcq9x) format("truetype"),url(fonts/DebDevelops.woff?izcq9x) format("woff"),url(fonts/DebDevelops.svg?izcq9x#DebDevelops) format("svg");font-weight:400;font-style:normal}.icon{font-family:DebDevelops!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.html-min-icon:before{content:"\e901"}.js-512-min-icon:before{content:"\e902"}.react2-min-icon:before{content:"\e903"}.Sass-min-icon:before{content:"\e904"}.bootstrap-min-icon:before{content:"\e905"}.css-min-icon:before{content:"\e906"}.jQuery-min-icon:before{content:"\e907"}.Logo-icon:before{content:"\e908"}.play3-icon:before{content:"\ea1c"}.switch{position:absolute;top:12vh;right:2vw;display:inline-block;width:40px;height:20px;background-color:transparent;border-radius:18px;border:1px solid rgba(212,181,223,.747);-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:all .5s;transition:all .5s;z-index:98}@media only screen and (min-width:768px){.switch{top:60px;left:7vw;border:2px solid rgba(212,181,223,.747);width:44px;height:24px}}@media screen and (orientation:landscape){.switch{top:5vh}}.switch:after{content:'';position:absolute;width:18px;height:18px;border-radius:18px;background-color:transparent;border:1px solid rgba(212,181,223,.747);top:-1px;left:0;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:all .3s ease;transition:all .3s ease}@media only screen and (min-width:768px){.switch:after{border:2px solid rgba(212,181,223,.747)}}.switch:hover{cursor:pointer}input[type=checkbox]:not(:checked)+.switch::after{-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}input[type=checkbox]:checked+.switch::after{-webkit-transform:translateX(20px);transform:translateX(20px);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}input[type=checkbox]:checked+.switch{background-color:rgba(114,77,105,.507)}input[type=checkbox]:not(:checked)+.switch{background-color:rgba(114,77,105,.507)}.offscreen{position:absolute;left:-9999px}.alt .nav-item .fab,.alt .nav-item .fas,.alt .nav-item button{-webkit-transition:color 1.2s ease;transition:color 1.2s ease;color:#def513}.alt .nav-item .fab:hover,.alt .nav-item .fas:hover,.alt .nav-item button:hover{color:rgba(164,180,23,.699)!important}.alt .active-nav{-webkit-transition:color 1.2s ease;transition:color 1.2s ease;color:rgba(164,180,23,.699)!important}.alt .inactive-nav{-webkit-transition:color 1.2s ease;transition:color 1.2s ease;color:#def513!important}.alt #social-button button{-webkit-transition:color 1.2s ease;transition:color 1.2s ease;color:#def513}.alt #social-button button .fab:hover,.alt #social-button button .fas:hover{color:rgba(164,180,23,.699)!important}.alt h1 span{-webkit-transition:color 1.2s ease;transition:color 1.2s ease;color:#def513!important}.alt #headline .x{-webkit-transition:color 1.2s ease;transition:color 1.2s ease;color:#def513!important}.alt .button-container .fab,.alt .button-container .fas,.alt .button-container button{-webkit-transition:color 1.2s ease!important;transition:color 1.2s ease!important;color:#def513!important}.alt .switch{-webkit-transition:border 1.2s ease;transition:border 1.2s ease;border:1px solid #def513}@media only screen and (min-width:768px){.alt .switch{border:2px solid #def513}}.alt .switch:after{-webkit-transition:border 1.2s ease;transition:border 1.2s ease;border:1px solid #def513}@media only screen and (min-width:768px){.alt .switch:after{border:2px solid #def513}}.alt input[type=checkbox]:checked+.switch{background-color:rgba(213,233,29,.555)}.alt input[type=checkbox]:not(:checked)+.switch{background-color:rgba(213,233,29,.555)}@media only screen and (min-width:780px){.alt #works-buttons-container #drum-button:hover,.alt #works-buttons-container #fansi-button:hover,.alt #works-buttons-container #film-button:hover,.alt #works-buttons-container #portfolio-button:hover,.alt #works-buttons-container #roman-button:hover,.alt #works-buttons-container #syzygy-button:hover{color:#def513}.alt #works-buttons-container #drum-button:active,.alt #works-buttons-container #fansi-button:active,.alt #works-buttons-container #film-button:active,.alt #works-buttons-container #portfolio-button:active,.alt #works-buttons-container #roman-button:active,.alt #works-buttons-container #syzygy-button:active{color:#def513}.alt #works-buttons-container #drum-button:focus,.alt #works-buttons-container #fansi-button:focus,.alt #works-buttons-container #film-button:focus,.alt #works-buttons-container #portfolio-button:focus,.alt #works-buttons-container #roman-button:focus,.alt #works-buttons-container #syzygy-button:focus{color:#def513}}.alt #works-display-container #back-button{color:#def513}.alt #works-display-container #back-button:hover{color:rgba(164,180,23,.699)}.alt #works-display-container #back-button:active{color:rgba(164,180,23,.699)}.alt #works-display-container a{color:#def513!important}.alt #works-display-container a:hover{color:rgba(164,180,23,.699)!important}.alt .bio-text span{color:#def513!important}.alt .border-div{border-left:2px solid #def513!important}.alt #email-submit-button:hover{color:#def513!important}html{background:#0c0b0b}.webp #background{z-index:-10;background-image:url(https://res.cloudinary.com/debdev/image/upload/v1558921365/DebDevelops/unblurred.webp);will-change:opacity;-webkit-filter:contrast(115%);filter:contrast(115%)}.webp #background:before{opacity:.2}.webp #background-2{z-index:-20;background-image:url(https://res.cloudinary.com/debdev/image/upload/v1558921365/DebDevelops/blurred.webp);opacity:.5}.webp #background-2:before{opacity:.4}.webp #background-3{z-index:-10;background-image:url(https://res.cloudinary.com/debdev/image/upload/v1558921365/DebDevelops/grayed.webp);-webkit-filter:grayscale(100%) contrast(110%);filter:grayscale(100%) contrast(110%)}.webp #background-3:before{opacity:0}.no-webp #background{z-index:-10;background-image:url(https://res.cloudinary.com/debdev/image/upload/v1557640623/DebDevelops/unblur.jpg);will-change:opacity;-webkit-filter:contrast(115%);filter:contrast(115%)}.no-webp #background:before{opacity:.2}.no-webp #background-2{z-index:-20;background-image:url(https://res.cloudinary.com/debdev/image/upload/v1557640623/DebDevelops/blur.png);opacity:.5}.no-webp #background-2:before{opacity:.4}.no-webp #background-3{z-index:-10;background-image:url(https://res.cloudinary.com/debdev/image/upload/v1558413739/DebDevelops/profile2bw-min.jpg);-webkit-filter:grayscale(100%) contrast(110%);filter:grayscale(100%) contrast(110%)}.no-webp #background-3:before{opacity:0}body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;color:#f7f7f7;height:100vh;width:100%;min-width:360px;min-height:360px;position:relative;-webkit-perspective:150vw;perspective:150vw;-webkit-transition:height .5s ease;transition:height .5s ease}@media screen and (min-height:300px) and (max-height:700px){body{height:calc(var(--vh,1vh) * 100)}}@media screen and (max-width:600px) and (min-height:1000px){body{min-width:430px}}body #landing-page{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;position:absolute;top:0;left:0;padding:10px 40px;z-index:99;-webkit-animation:fade-out 3.3s forwards ease 3.5s;animation:fade-out 3.3s forwards ease 3.5s;background:linear-gradient(135deg,#070707 0,#202020 35%,#5d4157);line-height:25px;height:100%;font-size:11px;letter-spacing:1px;text-transform:uppercase;text-align:center;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (min-height:300px) and (max-height:700px){body #landing-page{height:calc(var(--vh,1vh) * 100)}}@media only screen and (min-width:320px){body #landing-page{-webkit-transition:font-size 1s ease,line-height .7s ease;transition:font-size 1s ease,line-height .7s ease}}@media only screen and (min-width:1024px){body #landing-page{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}}@media screen and (max-width:700px) and (max-height:400px){body #landing-page{padding:20px 40px}}body #landing-page .box-1{font-size:11px;font-weight:300;font-style:italic;margin:0 auto;width:100%;max-width:640px;pointer-events:none}@media only screen and (min-width:320px){body #landing-page .box-1{-webkit-transition:font-size 1s ease,margin .8s ease;transition:font-size 1s ease,margin .8s ease}}@media only screen and (min-width:768px){body #landing-page .box-1{max-width:none;width:100%}}@media only screen and (min-width:1024px){body #landing-page .box-1{font-size:20px;letter-spacing:0}}body #landing-page .box-1 span{color:rgba(212,181,223,.747)}body #landing-page #landing-headline{font-size:30px;letter-spacing:12px;color:#f7f7f7;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;will-change:transform}@media only screen and (min-width:320px){body #landing-page #landing-headline{-webkit-transition:letter-spacing .5s ease-out,-webkit-transform 1.2s ease-out;transition:transform 1.2s ease-out,letter-spacing .5s ease-out,-webkit-transform 1.2s ease-out;-webkit-transform:translateX(0);transform:translateX(0)}}@media only screen and (min-width:1024px){body #landing-page #landing-headline{font-size:50px;letter-spacing:18px;-webkit-transform:translateX(200px);transform:translateX(200px)}}@media only screen and (min-width:1400px){body #landing-page #landing-headline{font-size:60px;letter-spacing:22px;-webkit-transform:translateX(380px);transform:translateX(380px)}}@media only screen and (max-height:500px){body #landing-page #landing-headline{font-size:20px;letter-spacing:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (min-width:768px) and (max-height:615px){body #landing-page #landing-headline{font-size:30px;letter-spacing:18px}}@media only screen and (min-height:1024px){body #landing-page #landing-headline{font-size:55px;letter-spacing:25px;-webkit-transform:all .5s ease;transform:all .5s ease}}@media screen and (min-width:1400px) and (max-height:723px){body #landing-page #landing-headline{-webkit-transform:translateX(340px);transform:translateX(340px)}}body #landing-page #landing-headline span{opacity:0;margin:20px 0}@media only screen and (max-height:667px){body #landing-page #landing-headline span{-webkit-transition:all .5s ease;transition:all .5s ease}}@media only screen and (min-height:1024px){body #landing-page #landing-headline span{margin:40px 0;-webkit-transition:all .5s ease;transition:all .5s ease}}@media screen and (max-height:600px){body #landing-page #landing-headline span{margin:12px auto}}body #landing-page #landing-headline .x{color:rgba(188,156,180,.589);font-size:25px;font-weight:300}@media only screen and (min-width:1024px){body #landing-page #landing-headline .x{font-size:30px}}body #landing-page .box-2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;margin-bottom:10px;pointer-events:none;width:100%;max-width:640px;font-weight:300;font-style:italic}@media only screen and (min-width:768px){body #landing-page .box-2{max-width:none;width:100%}}@media screen and (max-width:700px) and (max-height:400px){body #landing-page .box-2{margin-bottom:20px}}body #landing-page .box-2 p{max-width:440px}@media only screen and (min-width:768px){body #landing-page .box-2 p{max-width:none}}body #landing-page .box-2 .button-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;margin-top:20px}body #landing-page .box-2 .button-container .tool-img{width:35px;font-size:20px;margin:0 4px;color:rgba(212,181,223,.747);opacity:.8;pointer-events:none}body #landing-page .box-2 .button-container .tool-img:hover{cursor:auto}@media only screen and (min-width:320px){body #landing-page .box-2 .button-container .tool-img{-webkit-transition:font-size 1s ease,margin .8s ease;transition:font-size 1s ease,margin .8s ease}}@media only screen and (min-width:1024px){body #landing-page .box-2 .button-container .tool-img{font-size:35px;margin:0 30px;-webkit-transition:font-size 1s ease,margin .8s ease;transition:font-size 1s ease,margin .8s ease}}body #landing-page .box-2 .button-container .fab{color:rgba(212,181,223,.747);font-size:26px;margin:0 8px;opacity:.8}body #landing-page .box-2 .button-container .fab:hover{cursor:auto}@media only screen and (min-width:320px){body #landing-page .box-2 .button-container .fab{-webkit-transition:font-size 1s ease,margin .8s ease;transition:font-size 1s ease,margin .8s ease}}@media only screen and (min-width:1024px){body #landing-page .box-2 .button-container .fab{font-size:35px;margin:0 30px;-webkit-transition:font-size 1s ease,margin .8s ease;transition:font-size 1s ease,margin .8s ease}}body #landing-page .box-1,body #landing-page .box-2{opacity:0}body #background,body #background-2,body #background-3{position:absolute;top:0;left:0;width:102vw;height:102vh;background-color:#0b0506;background-size:cover;background-repeat:no-repeat;background-position-x:var(--percentX);background-position-y:var(--percentY);will-change:background-position,opacity;--x:0px;--y:0px;--percentX:45%;--percentY:50%;-webkit-transition:-webkit-filter 1.4s ease;-webkit-transition:opacity .8s ease .5s,-webkit-filter 1.4s ease;transition:opacity .8s ease .5s,-webkit-filter 1.4s ease;transition:filter 1.4s ease,opacity .8s ease .5s;transition:filter 1.4s ease,opacity .8s ease .5s,-webkit-filter 1.4s ease}body #background-2:before,body #background-3:before,body #background:before{content:'';top:0;left:0;bottom:0;right:0;background:linear-gradient(135deg,#a8caba 0,#876e95 35%,#5d4157);-webkit-filter:grayscale(0);filter:grayscale(0);position:absolute;opacity:.15}@media only screen and (min-width:1024px){body #background,body #background-2,body #background-3{--percentX:45%;--percentY:20%;background-position-x:calc(var(--percentX) + var(--x));background-position-y:calc(var(--percentY) + var(--y))}}@media only screen and (max-height:538px){body #background,body #background-2,body #background-3{--percentX:45%;--percentY:20%}}body #background{z-index:-10;background-image:url(https://res.cloudinary.com/debdev/image/upload/v1558921365/DebDevelops/unblurred.webp);will-change:opacity;-webkit-filter:contrast(115%);filter:contrast(115%)}body #background:before{opacity:.2}body #background-2{z-index:-20;background-image:url(https://res.cloudinary.com/debdev/image/upload/v1558921365/DebDevelops/blurred.webp);opacity:.5}body #background-2:before{opacity:.4}body #background-3{z-index:-10;background-image:url(https://res.cloudinary.com/debdev/image/upload/v1558921365/DebDevelops/grayed.webp);-webkit-filter:grayscale(100%) contrast(110%);filter:grayscale(100%) contrast(110%)}body #background-3:before{opacity:0}body #overlay{position:absolute;top:0;left:0;width:102vw;height:102vh;background:linear-gradient(135deg,#a8caba 0,#876e95 35%,#5d4157);opacity:.18;display:none}body button{background:0 0;border:none}body button:hover{cursor:pointer}nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:2;width:70px;color:rgba(212,181,223,.747);width:50px;-ms-flex-order:3;-webkit-box-ordinal-group:4;order:3;will-change:transform,margin-right;-webkit-transform:translateZ(0);transform:translateZ(0);margin-right:0}@media only screen and (min-width:1024px){nav{width:auto}}@media only screen and (min-width:320px){nav{-webkit-transition:margin-right .3s ease,-webkit-transform .4s ease-out;transition:transform .4s ease-out,margin-right .3s ease,-webkit-transform .4s ease-out;-webkit-transform:rotate(0);transform:rotate(0);margin-right:0}}@media only screen and (min-width:1024px){nav{margin-right:5vw;padding-bottom:50px;border-bottom:1px solid #f7f7f7;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:margin-right .3s ease,-webkit-transform .6s ease;transition:transform .6s ease,margin-right .3s ease,-webkit-transform .6s ease}}nav ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-transform:rotate(90deg);transform:rotate(90deg)}@media only screen and (min-width:1024px){nav ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transform:rotate(0);transform:rotate(0)}}nav ul .nav-item{letter-spacing:6px;text-transform:uppercase;text-align:center;margin:15px;-webkit-transition:-webkit-transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}nav ul .nav-item button{font-size:14px;font-weight:300;text-transform:uppercase;letter-spacing:4px;-webkit-transition:color 1.2s ease;transition:color 1.2s ease}@media screen and (orientation:landscape){nav ul .nav-item button{letter-spacing:3px}}nav ul .nav-item button:hover{-webkit-transition:color .6s ease;transition:color .6s ease;color:rgba(114,77,105,.589)}nav ul .active-nav{color:rgba(114,77,105,.589)}@media only screen and (min-width:768px){nav ul .nav-item:nth-of-type(1),nav ul .nav-item:nth-of-type(2),nav ul .nav-item:nth-of-type(3){-webkit-transform:skewX(15deg);transform:skewX(15deg)}nav ul .nav-item:nth-of-type(1):hover,nav ul .nav-item:nth-of-type(2):hover,nav ul .nav-item:nth-of-type(3):hover{-webkit-transform:skewX(-15deg);transform:skewX(-15deg)}}@media only screen and (min-width:768px){nav ul .nav-item:nth-of-type(2){-webkit-transform:skewX(-15deg);transform:skewX(-15deg)}nav ul .nav-item:nth-of-type(2):hover{-webkit-transform:skewX(15deg);transform:skewX(15deg)}}main{position:absolute;width:100%;height:100%;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;min-height:0;z-index:1}@media screen and (min-height:300px) and (max-height:700px){main{height:calc(var(--vh,1vh) * 100)}}@media screen and (min-height:300px) and (max-height:700px){main{height:calc(var(--vh,1vh) * 100)}}main .content,main header,main section{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}@media screen and (min-height:300px) and (max-height:700px){main .content,main header,main section{height:calc(var(--vh,1vh) * 100)}}main .content{padding:10px 80px;will-change:opacity;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;min-height:0}@media only screen and (min-width:1024px){main .content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap}}main header{line-height:25px;font-size:11px;letter-spacing:1px;text-transform:uppercase;text-align:center;will-change:font-size,line-height}@media only screen and (min-width:320px){main header{-webkit-transition:font-size 1s ease,line-height .7s ease;transition:font-size 1s ease,line-height .7s ease}}@media only screen and (min-width:1024px){main header{font-size:14px;line-height:27px;-webkit-transition:font-size 1s ease,line-height .7s ease;transition:font-size 1s ease,line-height .7s ease}}main header .content{opacity:0;padding:10px 40px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;justify-content:space-between;height:100%}@media screen and (max-width:700px) and (max-height:400px){main header .content{padding:20px 40px}}main header .content h1{font-size:11px;font-weight:300;font-style:italic;margin:0 auto;width:100%;max-width:640px;pointer-events:none}@media only screen and (min-width:320px){main header .content h1{-webkit-transition:font-size 1s ease,margin .8s ease;transition:font-size 1s ease,margin .8s ease}}@media only screen and (min-width:768px){main header .content h1{max-width:none;width:100%}}@media only screen and (min-width:1024px){main header .content h1{font-size:20px;letter-spacing:0}}main header .content h1 span{color:rgba(212,181,223,.747);-webkit-transition:color 1.2s ease;transition:color 1.2s ease}main header .content #headline{font-size:30px;letter-spacing:12px;will-change:transform;pointer-events:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media only screen and (min-width:320px){main header .content #headline{-webkit-transition:letter-spacing .5s ease,-webkit-transform 1.2s ease;transition:transform 1.2s ease,letter-spacing .5s ease,-webkit-transform 1.2s ease;-webkit-transform:translateX(0);transform:translateX(0)}}@media only screen and (min-width:1024px){main header .content #headline{font-size:50px;letter-spacing:18px;-webkit-transform:translateX(200px);transform:translateX(200px)}}@media only screen and (min-width:1400px){main header .content #headline{font-size:60px;letter-spacing:22px;-webkit-transform:translateX(380px);transform:translateX(380px)}}@media only screen and (max-height:500px){main header .content #headline{font-size:20px;letter-spacing:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto}}@media screen and (min-width:768px) and (max-height:615px){main header .content #headline{font-size:30px;letter-spacing:18px}}@media only screen and (min-height:1024px){main header .content #headline{font-size:55px;letter-spacing:25px;-webkit-transition:all .5s ease;transition:all .5s ease}}@media screen and (min-width:1400px) and (max-height:723px){main header .content #headline{-webkit-transform:translateX(340px);transform:translateX(340px)}}main header .content #headline span{margin:20px 0}@media only screen and (max-height:667px){main header .content #headline span{-webkit-transition:all .5s ease;transition:all .5s ease}}@media only screen and (min-height:1024px){main header .content #headline span{margin:40px 0;-webkit-transition:all .5s ease;transition:all .5s ease}}@media screen and (max-height:600px){main header .content #headline span{margin:12px auto}}main header .content #headline .x{color:rgba(188,156,180,.589);font-size:25px;font-weight:300;-webkit-transition:color 1.2s ease;transition:color 1.2s ease}@media only screen and (min-width:1024px){main header .content #headline .x{font-size:30px}}main header .content .toolset{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;margin-bottom:10px;pointer-events:none;width:100%;max-width:640px;font-weight:300;font-style:italic}@media only screen and (min-width:768px){main header .content .toolset{max-width:none;width:100%}}@media screen and (max-width:700px) and (max-height:400px){main header .content .toolset{margin-bottom:20px}}main header .content .toolset p{max-width:440px}@media only screen and (min-width:768px){main header .content .toolset p{max-width:none}}main header .content .toolset .button-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;margin-top:20px}main header .content .toolset .button-container button{width:35px;font-size:20px;margin:0 8px;color:rgba(212,181,223,.747);opacity:.8;pointer-events:none}main header .content .toolset .button-container button:hover{cursor:auto}@media only screen and (min-width:320px){main header .content .toolset .button-container button{-webkit-transition:font-size 1s ease,margin .8s ease;-webkit-transition:font-size 1s ease,margin .8s ease,color 1.2s ease;transition:font-size 1s ease,margin .8s ease,color 1.2s ease}}@media only screen and (min-width:1024px){main header .content .toolset .button-container button{font-size:35px;margin:0 30px;-webkit-transition:font-size 1s ease,margin .8s ease;transition:font-size 1s ease,margin .8s ease}}main header .content .toolset .button-container .fab{color:rgba(212,181,223,.747);font-size:26px;margin:0 8px;opacity:.8}main header .content .toolset .button-container .fab:hover{cursor:auto}@media only screen and (min-width:320px){main header .content .toolset .button-container .fab{-webkit-transition:font-size 1s ease,margin .8s ease;transition:font-size 1s ease,margin .8s ease}}@media only screen and (min-width:1024px){main header .content .toolset .button-container .fab{font-size:35px;margin:0 30px;-webkit-transition:font-size 1s ease,margin .8s ease;transition:font-size 1s ease,margin .8s ease}}main #works-section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}main #works-section #works-buttons-container{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;z-index:3;padding:40px 30px;width:100%}@media screen and (min-height:300px) and (max-height:700px){main #works-section #works-buttons-container{height:calc(var(--vh,1vh) * 100)}}main #works-section #works-buttons-container button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:50%;position:relative;color:#f7f7f7;text-transform:uppercase;text-align:center;padding:15px;letter-spacing:3px;opacity:.75}main #works-section #works-buttons-container button:active{border:none}@media only screen and (min-width:780px){main #works-section #works-buttons-container button:hover{-webkit-transition:letter-spacing .8s ease,color 1.2s ease,-webkit-transform .3s ease;transition:letter-spacing .8s ease,color 1.2s ease,transform .3s ease,-webkit-transform .3s ease;letter-spacing:5px;color:rgba(114,77,105,.589);-webkit-transform:perspective(300px) rotateY(20deg) translate(0);transform:perspective(300px) rotateY(20deg) translate(0)}main #works-section #works-buttons-container button:active{border:none;letter-spacing:5px}main #works-section #works-buttons-container button:target{letter-spacing:5px}main #works-section #works-buttons-container button:focus{letter-spacing:5px}}@media only screen and (min-width:1024px){main #works-section #works-buttons-container button{width:33.3%}main #works-section #works-buttons-container button:hover{-webkit-transition:letter-spacing .8s ease,color 1.2s ease;transition:letter-spacing .8s ease,color 1.2s ease;letter-spacing:8px}main #works-section #works-buttons-container button:active{letter-spacing:8px}main #works-section #works-buttons-container button:target{letter-spacing:8px}main #works-section #works-buttons-container button:focus{letter-spacing:8px}}main #works-section #works-buttons-container button .works-logo{font-size:20px;font-weight:500}@media only screen and (min-width:1024px){main #works-section #works-buttons-container button .works-logo{font-size:32px}}@media only screen and (min-width:1400px){main #works-section #works-buttons-container button .works-logo{font-size:35px}}@media screen and (max-width:1024px) and (min-height:1000px){main #works-section #works-buttons-container button .works-logo{font-size:30px}}main #works-section #works-buttons-container button .works-title{font-size:10px;display:none}main #works-section #works-buttons-container #fansi-button .works-logo{font-family:'Playfair Display';font-size:18px}@media only screen and (min-width:1024px){main #works-section #works-buttons-container #fansi-button .works-logo{font-size:25px}}@media only screen and (min-width:1400px){main #works-section #works-buttons-container #fansi-button .works-logo{font-size:30px}}@media screen and (max-width:1024px) and (min-height:1000px){main #works-section #works-buttons-container #fansi-button .works-logo{font-size:25px}}main #works-section #works-buttons-container #syzygy-button .works-logo{font-family:Yellowtail;text-transform:lowercase;font-size:32px}@media only screen and (min-width:1024px){main #works-section #works-buttons-container #syzygy-button .works-logo{font-size:42px}}@media screen and (max-width:1024px) and (min-height:1000px){main #works-section #works-buttons-container #syzygy-button .works-logo{font-size:40px}}main #works-section #works-buttons-container #film-button .works-logo{font-family:Pacifico;text-transform:lowercase}@media only screen and (min-width:1024px){main #works-section #works-buttons-container #roman-button:hover{-webkit-transition:letter-spacing .4s ease,color 1.2s ease;transition:letter-spacing .4s ease,color 1.2s ease;letter-spacing:10px}main #works-section #works-buttons-container #roman-button:active{letter-spacing:10px}main #works-section #works-buttons-container #roman-button:target{letter-spacing:10px}main #works-section #works-buttons-container #roman-button:focus{letter-spacing:10px}}main #works-section #works-buttons-container #roman-button .works-logo{font-size:32px;font-family:'Playfair Display'}@media only screen and (min-width:1024px){main #works-section #works-buttons-container #roman-button .works-logo{font-size:48px}}@media screen and (max-width:1024px) and (min-height:1000px){main #works-section #works-buttons-container #roman-button .works-logo{font-size:40px}}main #works-section #works-buttons-container #drum-button .works-logo{font-family:'Permanent Marker'}main #works-section #works-buttons-container #portfolio-button .Logo-icon{font-size:50px}@media only screen and (min-width:1024px){main #works-section #works-buttons-container #portfolio-button .Logo-icon{font-size:70px}}@media only screen and (min-width:1400px){main #works-section #works-buttons-container #portfolio-button .Logo-icon{font-size:80px}}@media screen and (max-width:1024px) and (min-height:1000px){main #works-section #works-buttons-container #portfolio-button .Logo-icon{font-size:80px}}main #works-section #works-display-container{width:100%;height:100%;min-height:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:auto}main #works-section #works-display-container button{color:rgba(212,181,223,.747);margin:15px 0 0 10px;font-size:25px;position:absolute;top:34px;left:20px;-ms-flex-item-align:start;align-self:flex-start;-webkit-transform:rotate(180deg);transform:rotate(180deg)}main #works-section #works-display-container button:hover{-webkit-transition:color .5s ease;transition:color .5s ease;color:rgba(114,77,105,.589)}main #works-section #works-display-container button:active{color:rgba(114,77,105,.589)}@media only screen and (min-width:320px){main #works-section #works-display-container button{-webkit-transition:font-size .5s ease-in,margin .5s ease;transition:font-size .5s ease-in,margin .5s ease}}@media only screen and (min-width:1024px){main #works-section #works-display-container button{font-size:40px;margin:25px 0 0 30px}}@media only screen and (min-width:1400px){main #works-section #works-display-container button{font-size:60px;margin:15px 0 0 30px}}@media screen and (max-height:538px) and (min-width:1024px){main #works-section #works-display-container button{font-size:35px;margin:70px 0 0 30px}}@media screen and (max-width:768px) and (min-height:1000px){main #works-section #works-display-container button{font-size:35px}}main #works-section #works-display-container .work-display{padding:10vh 20px;will-change:padding;-webkit-perspective:100px;perspective:100px;overflow-y:scroll;min-height:0;-webkit-box-pack:initial;-ms-flex-pack:initial;justify-content:initial;-webkit-box-align:initial;-ms-flex-align:initial;align-items:initial;left:5%;scrollbar-width:none;-ms-overflow-style:none}main #works-section #works-display-container .work-display::-webkit-scrollbar{background:0 0;display:none;width:0}@media only screen and (min-width:320px){main #works-section #works-display-container .work-display{-webkit-transition:padding .7s ease 1s;transition:padding .7s ease 1s}}@media only screen and (min-height:667px){main #works-section #works-display-container .work-display{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media only screen and (max-height:538px){main #works-section #works-display-container .work-display{-webkit-box-pack:initial;-ms-flex-pack:initial;justify-content:initial;-webkit-box-align:initial;-ms-flex-align:initial;align-items:initial}}@media only screen and (min-width:780px){main #works-section #works-display-container .work-display{-webkit-transition:-webkit-transform .1s linear!important;transition:transform .1s linear,-webkit-transform .1s linear!important;-webkit-transform:perspective(110vw) rotateY(17deg) translate(0) translateZ(0);transform:perspective(110vw) rotateY(17deg) translate(0) translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-font-smoothing:subpixel-antialiased;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media only screen and (min-width:1024px){main #works-section #works-display-container .work-display{padding:0 140px;height:50%}}main #works-section #works-display-container .work-display .display-title{letter-spacing:8px;font-weight:100;font-size:24px;margin:15px auto 20px auto;text-align:center;text-transform:uppercase;width:80%}@media only screen and (min-width:320px){main #works-section #works-display-container .work-display .display-title{-webkit-transition:font-size .5s ease,margin .5s ease,text-align .6s ease;transition:font-size .5s ease,margin .5s ease,text-align .6s ease}}@media only screen and (min-width:1024px){main #works-section #works-display-container .work-display .display-title{width:80%;font-size:52px;margin:0 0 0 5vw;text-align:left}}@media screen and (max-width:768px) and (min-height:1000px){main #works-section #works-display-container .work-display .display-title{font-size:40px}}main #works-section #works-display-container .work-display video{width:280px!important;border:2px solid #f7f7f7;will-change:width!important;margin:0 auto!important;display:block}@media only screen and (min-width:320px){main #works-section #works-display-container .work-display video{-webkit-transition:width .4s ease!important;transition:width .4s ease!important}}@media only screen and (min-width:500px){main #works-section #works-display-container .work-display video{width:400px!important}}@media only screen and (min-width:768px){main #works-section #works-display-container .work-display video{width:540px!important}}@media only screen and (min-width:1024px){main #works-section #works-display-container .work-display video{margin:0 0 5vh 5vw;width:350px!important}}@media only screen and (min-width:1200px){main #works-section #works-display-container .work-display video{width:450px!important}}@media only screen and (min-width:1400px){main #works-section #works-display-container .work-display video{width:550px!important}}@media only screen and (min-width:1600px){main #works-section #works-display-container .work-display video{width:650px!important}}@media only screen and (min-width:1800px){main #works-section #works-display-container .work-display video{width:750px!important}}main #works-section #works-display-container .work-display .display-text{width:280px;min-width:280px;margin:0 auto;pointer-events:none;will-change:width}@media only screen and (min-width:320px){main #works-section #works-display-container .work-display .display-text{-webkit-transition:width .4s ease;transition:width .4s ease}}@media only screen and (min-width:500px){main #works-section #works-display-container .work-display .display-text{width:400px}}@media only screen and (min-width:768px){main #works-section #works-display-container .work-display .display-text{width:540px}}@media only screen and (min-width:1024px){main #works-section #works-display-container .work-display .display-text{width:300px;height:auto;margin:0 auto}}@media only screen and (min-width:1200px){main #works-section #works-display-container .work-display .display-text{width:340px}}@media only screen and (min-width:1400px){main #works-section #works-display-container .work-display .display-text{width:380px}}@media only screen and (min-width:1600px){main #works-section #works-display-container .work-display .display-text{width:480px}}@media only screen and (min-width:1800px){main #works-section #works-display-container .work-display .display-text{width:550px}}@media screen and (max-width:768px) and (min-height:1000px){main #works-section #works-display-container .work-display .display-text{width:500px}}@media screen and (max-width:600px) and (min-height:1000px){main #works-section #works-display-container .work-display .display-text{width:400px}}@media screen and (max-width:498px) and (min-height:1000px){main #works-section #works-display-container .work-display .display-text{width:340px}}main #works-section #works-display-container .work-display .display-text .text-div{width:100%;margin:0 auto 40px auto;padding-left:8px;border-left:1px solid #f7f7f7}main #works-section #works-display-container .work-display .display-text .text-div p{font-size:12px;font-weight:300;line-height:20px;text-align:justify;letter-spacing:1px;color:#fff;will-change:font-size,line-height}@media only screen and (min-width:1024px){main #works-section #works-display-container .work-display .display-text .text-div p{font-size:14px;line-height:22px}}@media only screen and (min-width:1400px){main #works-section #works-display-container .work-display .display-text .text-div p{font-size:16px;line-height:24px}}@media screen and (max-width:768px) and (min-height:800px){main #works-section #works-display-container .work-display .display-text .text-div p{font-size:16px;line-height:24px}}@media screen and (max-width:600px) and (min-height:800px){main #works-section #works-display-container .work-display .display-text .text-div p{font-size:14px;line-height:22px}}main #works-section #works-display-container .work-display .display-text .text-div p a{font-weight:500;pointer-events:auto;color:rgba(212,181,223,.747)}main #works-section #works-display-container .work-display .display-text .text-div p a:hover{-webkit-transition:color .5s ease;transition:color .5s ease;color:rgba(114,77,105,.589)}main #works-section #works-display-container .work-display .display-text .text-div p a:active{color:rgba(114,77,105,.589)}@media only screen and (min-width:1024px){main #works-section #works-display-container .work-display .display-text{margin-left:4vw}}main #works-section #works-display-container .work-display .display-text .stack{font-size:10px;font-weight:500;text-align:center;letter-spacing:5px;margin:10px auto 40px auto}@media only screen and (min-width:1024px){main #works-section #works-display-container .work-display .display-text .stack{font-size:12px}}@media only screen and (min-width:1400px){main #works-section #works-display-container .work-display .display-text .stack{font-size:14px}}main #works-section #works-display-container #syzygy-display{overflow-y:scroll;min-height:0;-webkit-box-pack:initial;-ms-flex-pack:initial;justify-content:initial;-webkit-box-align:initial;-ms-flex-align:initial;align-items:initial;margin:auto}@media only screen and (min-height:667px){main #works-section #works-display-container #syzygy-display{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media screen and (max-height:657px) and (min-width:1024px){main #works-section #works-display-container #syzygy-display{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;top:3vh}}@media screen and (max-height:657px) and (min-width:1024px){main #works-section #works-display-container #syzygy-display video{margin-top:15vh}}@media only screen and (max-height:667px){main #works-section #works-display-container #drum-display,main #works-section #works-display-container #portfolio-display,main #works-section #works-display-container #roman-display{padding-top:20vh}}@media screen and (max-height:538px) and (max-width:1024px){main #works-section #works-display-container #drum-display,main #works-section #works-display-container #portfolio-display,main #works-section #works-display-container #roman-display{padding-top:10vh}}@media only screen and (min-width:1024px){main #works-section #works-display-container #portfolio-display{display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important;-ms-flex-wrap:nowrap;flex-wrap:nowrap}}@media only screen and (min-height:667px){main #works-section #works-display-container #portfolio-display{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}main #works-section #works-display-container #portfolio-display .Logo-icon{font-size:120px;margin:0 auto}@media only screen and (min-width:1024px){main #works-section #works-display-container #portfolio-display .Logo-icon{font-size:170px}}@media only screen and (min-width:1400px){main #works-section #works-display-container #portfolio-display .Logo-icon{font-size:200px}}@media only screen and (min-width:1024px){main #works-section #works-display-container #portfolio-display .display-text{width:680px!important;margin:0!important}}@media only screen and (min-width:1200px){main #works-section #works-display-container #portfolio-display .display-text{width:740px!important}}@media only screen and (min-width:1400px){main #works-section #works-display-container #portfolio-display .display-text{width:940px!important}}main #works-section #works-display-container #portfolio-display .display-text p{text-align:center;width:100%}main #bio-section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}main #bio-section #bio-container{width:100%;height:100%;min-height:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:auto}main #bio-section #bio-container .bio-content{padding:0 20px;-webkit-perspective:100px;perspective:100px;overflow-y:scroll;-webkit-box-pack:initial;-ms-flex-pack:initial;justify-content:initial;-webkit-box-align:initial;-ms-flex-align:initial;align-items:initial;min-height:0;margin:auto;scrollbar-width:none;-ms-overflow-style:none}main #bio-section #bio-container .bio-content::-webkit-scrollbar{background:0 0;display:none;width:0}@media only screen and (max-height:538px){main #bio-section #bio-container .bio-content{top:2vh}}@media only screen and (min-height:667px){main #bio-section #bio-container .bio-content{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media only screen and (max-height:538px){main #bio-section #bio-container .bio-content{-webkit-box-pack:initial;-ms-flex-pack:initial;justify-content:initial;-webkit-box-align:initial;-ms-flex-align:initial;align-items:initial}}@media only screen and (min-width:780px){main #bio-section #bio-container .bio-content{-webkit-transition:-webkit-transform .1s linear!important;transition:transform .1s linear,-webkit-transform .1s linear!important;-webkit-transform:perspective(110vw) rotateY(17deg) translate(0) translateZ(0);transform:perspective(110vw) rotateY(17deg) translate(0) translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-font-smoothing:subpixel-antialiased}}@media only screen and (min-width:1024px){main #bio-section #bio-container .bio-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap}}main #bio-section #bio-container .bio-content .display-title{letter-spacing:8px;font-weight:300;font-size:24px;margin:20px auto;text-align:center;text-transform:uppercase}@media only screen and (min-width:320px){main #bio-section #bio-container .bio-content .display-title{-webkit-transition:font-size .5s ease;transition:font-size .5s ease}}@media only screen and (min-width:1024px){main #bio-section #bio-container .bio-content .display-title{width:100%;font-size:52px}}main #bio-section #bio-container .bio-content .bio-text{width:280px;min-width:280px;margin:0 auto;pointer-events:none;will-change:width;margin:0 auto;will-change:width}@media only screen and (min-width:320px){main #bio-section #bio-container .bio-content .bio-text{-webkit-transition:width .4s ease;transition:width .4s ease}}@media only screen and (min-width:500px){main #bio-section #bio-container .bio-content .bio-text{width:400px}}@media only screen and (min-width:768px){main #bio-section #bio-container .bio-content .bio-text{width:540px}}@media only screen and (min-width:1024px){main #bio-section #bio-container .bio-content .bio-text{width:300px;height:auto;margin:0 auto}}@media only screen and (min-width:1200px){main #bio-section #bio-container .bio-content .bio-text{width:340px}}@media only screen and (min-width:1400px){main #bio-section #bio-container .bio-content .bio-text{width:380px}}@media only screen and (min-width:1600px){main #bio-section #bio-container .bio-content .bio-text{width:480px}}@media only screen and (min-width:1800px){main #bio-section #bio-container .bio-content .bio-text{width:550px}}@media screen and (max-width:768px) and (min-height:1000px){main #bio-section #bio-container .bio-content .bio-text{width:500px}}@media screen and (max-width:600px) and (min-height:1000px){main #bio-section #bio-container .bio-content .bio-text{width:400px}}@media screen and (max-width:498px) and (min-height:1000px){main #bio-section #bio-container .bio-content .bio-text{width:340px}}main #bio-section #bio-container .bio-content .bio-text .text-div{width:100%;margin:0 auto 40px auto;padding-left:8px;border-left:1px solid #f7f7f7}main #bio-section #bio-container .bio-content .bio-text .text-div p{font-size:12px;font-weight:300;line-height:20px;text-align:justify;letter-spacing:1px;color:#fff;will-change:font-size,line-height}@media only screen and (min-width:1024px){main #bio-section #bio-container .bio-content .bio-text .text-div p{font-size:14px;line-height:22px}}@media only screen and (min-width:1400px){main #bio-section #bio-container .bio-content .bio-text .text-div p{font-size:16px;line-height:24px}}@media screen and (max-width:768px) and (min-height:800px){main #bio-section #bio-container .bio-content .bio-text .text-div p{font-size:16px;line-height:24px}}@media screen and (max-width:600px) and (min-height:800px){main #bio-section #bio-container .bio-content .bio-text .text-div p{font-size:14px;line-height:22px}}main #bio-section #bio-container .bio-content .bio-text .text-div p a{font-weight:500;pointer-events:auto;color:rgba(212,181,223,.747)}main #bio-section #bio-container .bio-content .bio-text .text-div p a:hover{-webkit-transition:color .5s ease;transition:color .5s ease;color:rgba(114,77,105,.589)}main #bio-section #bio-container .bio-content .bio-text .text-div p a:active{color:rgba(114,77,105,.589)}@media only screen and (min-width:320px){main #bio-section #bio-container .bio-content .bio-text{-webkit-transition:width 1s ease!important;transition:width 1s ease!important}}@media only screen and (min-width:1024px){main #bio-section #bio-container .bio-content .bio-text{width:680px!important}}@media only screen and (min-width:1200px){main #bio-section #bio-container .bio-content .bio-text{width:740px!important}}@media only screen and (min-width:1400px){main #bio-section #bio-container .bio-content .bio-text{width:940px!important}}main #bio-section #bio-container .bio-content .bio-text span{color:rgba(212,181,223,.747)}main #email-section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}main #email-section .email-content{padding:0 20px;-webkit-perspective:100px;perspective:100px;overflow-y:scroll;-webkit-box-pack:initial;-ms-flex-pack:initial;justify-content:initial;-webkit-box-align:initial;-ms-flex-align:initial;align-items:initial;min-height:0;margin:auto;scrollbar-width:none;-ms-overflow-style:none}main #email-section .email-content::-webkit-scrollbar{background:0 0;display:none;width:0}@media only screen and (max-height:538px){main #email-section .email-content{top:2vh}}@media only screen and (min-height:667px){main #email-section .email-content{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media only screen and (max-height:538px){main #email-section .email-content{-webkit-box-pack:initial;-ms-flex-pack:initial;justify-content:initial;-webkit-box-align:initial;-ms-flex-align:initial;align-items:initial}}@media only screen and (min-width:780px){main #email-section .email-content{-webkit-transition:-webkit-transform .1s linear!important;transition:transform .1s linear,-webkit-transform .1s linear!important;-webkit-transform:perspective(110vw) rotateY(17deg) translate(0) translateZ(0);transform:perspective(110vw) rotateY(17deg) translate(0) translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-font-smoothing:subpixel-antialiased}}@media only screen and (min-width:1024px){main #email-section .email-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap}}main #email-section .email-content .display-title{letter-spacing:8px;font-weight:300;font-size:24px;margin:20px auto;text-align:center;text-transform:uppercase}@media only screen and (min-width:320px){main #email-section .email-content .display-title{-webkit-transition:font-size .5s ease;transition:font-size .5s ease}}@media only screen and (min-width:1024px){main #email-section .email-content .display-title{width:100%;font-size:52px}}main #email-section .email-content .email-text{width:280px;min-width:280px;margin:0 auto;pointer-events:none;will-change:width;pointer-events:auto;margin:0 auto;will-change:width}@media only screen and (min-width:320px){main #email-section .email-content .email-text{-webkit-transition:width .4s ease;transition:width .4s ease}}@media only screen and (min-width:500px){main #email-section .email-content .email-text{width:400px}}@media only screen and (min-width:768px){main #email-section .email-content .email-text{width:540px}}@media only screen and (min-width:1024px){main #email-section .email-content .email-text{width:300px;height:auto;margin:0 auto}}@media only screen and (min-width:1200px){main #email-section .email-content .email-text{width:340px}}@media only screen and (min-width:1400px){main #email-section .email-content .email-text{width:380px}}@media only screen and (min-width:1600px){main #email-section .email-content .email-text{width:480px}}@media only screen and (min-width:1800px){main #email-section .email-content .email-text{width:550px}}@media screen and (max-width:768px) and (min-height:1000px){main #email-section .email-content .email-text{width:500px}}@media screen and (max-width:600px) and (min-height:1000px){main #email-section .email-content .email-text{width:400px}}@media screen and (max-width:498px) and (min-height:1000px){main #email-section .email-content .email-text{width:340px}}main #email-section .email-content .email-text .text-div{width:100%;margin:0 auto 40px auto;padding-left:8px;border-left:1px solid #f7f7f7}main #email-section .email-content .email-text .text-div p{font-size:12px;font-weight:300;line-height:20px;text-align:justify;letter-spacing:1px;color:#fff;will-change:font-size,line-height}@media only screen and (min-width:1024px){main #email-section .email-content .email-text .text-div p{font-size:14px;line-height:22px}}@media only screen and (min-width:1400px){main #email-section .email-content .email-text .text-div p{font-size:16px;line-height:24px}}@media screen and (max-width:768px) and (min-height:800px){main #email-section .email-content .email-text .text-div p{font-size:16px;line-height:24px}}@media screen and (max-width:600px) and (min-height:800px){main #email-section .email-content .email-text .text-div p{font-size:14px;line-height:22px}}main #email-section .email-content .email-text .text-div p a{font-weight:500;pointer-events:auto;color:rgba(212,181,223,.747)}main #email-section .email-content .email-text .text-div p a:hover{-webkit-transition:color .5s ease;transition:color .5s ease;color:rgba(114,77,105,.589)}main #email-section .email-content .email-text .text-div p a:active{color:rgba(114,77,105,.589)}@media only screen and (min-width:320px){main #email-section .email-content .email-text{-webkit-transition:width 1s ease!important;transition:width 1s ease!important}}@media only screen and (min-width:1024px){main #email-section .email-content .email-text{width:680px!important}}@media only screen and (min-width:1200px){main #email-section .email-content .email-text{width:740px!important}}@media only screen and (min-width:1400px){main #email-section .email-content .email-text{width:940px!important}}main #email-section .email-content .email-text span{color:rgba(212,181,223,.747)}main #email-section .email-content .form-div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:10px auto 0 auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:50%}main #email-section .email-content .form-div label{margin:10px 0 10px 23px;font-size:20px;letter-spacing:2px;font-weight:300;-ms-flex-item-align:start;align-self:flex-start}main #email-section .email-content .form-div .border-div{border-left:2px solid rgba(212,181,223,.747);width:100%}main #email-section .email-content .form-div .border-div input,main #email-section .email-content .form-div .border-div textarea{padding:15px 10px;margin-left:20px;width:100%;background:0 0;border:1px solid #f5f5f5;color:#f5f5f5;font-size:18px}main #email-section .email-content .form-div .border-div textarea{resize:none}main #email-section .email-content form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:20px}main #email-section .email-content #email-submit-button{margin:20px auto 0 auto;width:50%;padding:15px 0;background:0 0;border:1px solid #f5f5f5;color:#f5f5f5;font-size:20px;text-transform:uppercase;letter-spacing:2px;-webkit-transition:letter-spacing .2s ease,font-weight .2s ease;transition:letter-spacing .2s ease,font-weight .2s ease;cursor:pointer}main #email-section .email-content #email-submit-button:hover{font-weight:600;letter-spacing:4px;color:rgba(212,181,223,.747)}main #email-section #note{opacity:0;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:30px;letter-spacing:2px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:-2}main #email-section #note .far{font-size:200px;color:#f5f5f5;opacity:.6;margin:0 auto 70px auto}main .email-content.front{pointer-events:auto}footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;z-index:2;width:70px;color:rgba(212,181,223,.747);will-change:transform,margin-left;-webkit-transform:translateZ(0);transform:translateZ(0)}@media only screen and (min-width:1024px){footer{width:auto}}@media only screen and (min-width:320px){footer{-webkit-transition:margin-left .3s ease,transform .4s ease-out;-webkit-transition:margin-left .3s ease,-webkit-transform .4s ease-out;transition:margin-left .3s ease,-webkit-transform .4s ease-out;transition:transform .4s ease-out,margin-left .3s ease;transition:transform .4s ease-out,margin-left .3s ease,-webkit-transform .4s ease-out;-webkit-transform:rotate(0);transform:rotate(0);margin-left:0}}@media only screen and (min-width:768px){footer{-webkit-transform-origin:50% 51%;transform-origin:50% 51%}}@media only screen and (min-width:1024px){footer{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);margin-left:8vw;padding-bottom:50px;border-bottom:1px solid #f7f7f7;-webkit-transition:margin-left .3s ease,transform .6s ease;-webkit-transition:margin-left .3s ease,-webkit-transform .6s ease,-webkit-transform .6s ease;transition:margin-left .3s ease,-webkit-transform .6s ease,-webkit-transform .6s ease;transition:transform .6s ease,margin-left .3s ease,transform .6s ease;transition:transform .6s ease,margin-left .3s ease,transform .6s ease,-webkit-transform .6s ease,-webkit-transform .6s ease}}footer #social-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}footer #social-button button{background:0 0;color:rgba(212,181,223,.747);border:none;width:54px;margin:15px;-webkit-transition:color 1.2s ease;transition:color 1.2s ease}footer #social-button button:hover{cursor:pointer}footer #social-button button .fab,footer #social-button button .fas{font-size:20px;margin:0 10px}footer #social-button button .fab:hover,footer #social-button button .fas:hover{-webkit-transition:all .6s ease;transition:all .6s ease;color:rgba(114,77,105,.589)}@media only screen and (min-width:1024px){footer #social-button button .fab,footer #social-button button .fas{font-size:24px}}@media screen and (max-width:768px) and (min-height:1000px){footer #social-button button .fab,footer #social-button button .fas{font-size:24px}}footer #social-button a{-webkit-transition:transform .3s ease;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}@media only screen and (min-width:768px){footer #social-button a:nth-of-type(1),footer #social-button a:nth-of-type(2),footer #social-button a:nth-of-type(3),footer #social-button a:nth-of-type(4){-webkit-transform:skewX(15deg);transform:skewX(15deg)}footer #social-button a:nth-of-type(1):hover,footer #social-button a:nth-of-type(2):hover,footer #social-button a:nth-of-type(3):hover,footer #social-button a:nth-of-type(4):hover{-webkit-transform:skewX(-15deg);transform:skewX(-15deg)}}@media only screen and (min-width:768px){footer #social-button a:nth-of-type(2),footer #social-button a:nth-of-type(4){-webkit-transform:skewX(-15deg);transform:skewX(-15deg)}footer #social-button a:nth-of-type(2):hover,footer #social-button a:nth-of-type(4):hover{-webkit-transform:skewX(15deg);transform:skewX(15deg)}}