html,body{font-size:16px}@font-face{font-family:icomoon;src:url(icomoon.b6da7bc0.eot);src:url(icomoon.b6da7bc0.eot#iefix)format("embedded-opentype"),url(icomoon.79a3f101.ttf)format("truetype"),url(icomoon.32375c64.woff)format("woff"),url(icomoon.e6e404bd.svg#icomoon)format("svg");font-weight:400;font-style:normal}[class^=icon-],[class*=\ icon-]{speak:none;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-weight:400;line-height:1;font-family:icomoon!important}.icon-chevron-thin-down:before{content:""}.icon-cross:before{content:""}.icon-new-tab:before{content:""}.icon-mail4:before{content:""}.icon-github:before{content:""}.icon-linkedin:before{content:""}.icon-stackoverflow:before{content:""}*{box-sizing:border-box;-webkit-overflow-scrolling:touch}body{color:#20282f;font-family:Open Sans,sans-serif}img{border:none!important;border-radius:0!important;padding:0!important;display:block!important}a{color:#20282f;text-decoration:underline;transition:all .15s cubic-bezier(.25,0,.1,1)}a:hover{color:#fff;background:#20282f}p{line-height:1.6}section{margin-top:50px;padding:50px 0}footer{padding:50px 0}#main{width:100%;height:100%;position:relative;overflow:hidden}#nav{z-index:1000;background:#fff;width:100%;font-family:Inconsolata,monospace;position:fixed;top:0;left:0}#nav a{font-size:18px;line-height:40px}#nav #to-home{float:left}#nav #right-group{float:right}#nav .nav-button{display:inline-block}#hero{color:#fff;background:#20282f;width:100vw;height:100vh;min-height:560px;position:relative}#hero #hero-floater{color:#fff;white-space:nowrap;text-align:center;display:inline-block;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}@media screen and (width<=767px){#hero #hero-floater{font-size:40px}}#hero #hero-floater .myname{margin-bottom:50px;font-family:Inconsolata,monospace;font-size:60px}@media screen and (width<=991px){#hero #hero-floater .myname{font-size:36px}}#hero #hero-floater .myskills{text-transform:uppercase;font-size:40px}@media screen and (width<=991px){#hero #hero-floater .myskills{font-size:24px}}@media screen and (width<=767px){#hero #hero-floater .myskills{line-height:2}}@keyframes arrow{0%{bottom:25px}to{bottom:50px}}#hero .hero-arrow{color:#fff;font-size:40px;text-decoration:none;animation-name:arrow;animation-duration:1.5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;position:absolute;bottom:25px;left:50%;transform:translate(-50%,-50%)}#projects .project-thumb-outline{cursor:pointer;background:#20282f}#projects .project-thumb-outline img{transition:transform .3s cubic-bezier(.25,0,.1,1)}#projects .project-thumb-outline:hover img{transform:scale(.95)}#projects .project-summary{margin-top:100px;margin-bottom:100px}#projects .project-summary:last-child{margin-bottom:0}#projects .h5-link{text-decoration:underline;transition:all .15s cubic-bezier(.25,0,.1,1);display:inline-block}#projects .h5-link:hover{color:#fff;background:#20282f}#projects h3,#projects li,#projects ul,#projects h5{margin:0;padding:0}#projects h3,#projects ul,#projects h5{margin-bottom:20px}#projects h3{font-size:32px;text-decoration:none;transition:all .15s cubic-bezier(.25,0,.1,1);display:inline-block}#projects h3 a:hover{text-decoration:none}#projects h3{border-bottom:2px solid #0000}#projects h3:hover{color:#fff;background:#20282f;text-decoration:none}#projects li,#projects ul{opacity:.9;font-family:Inconsolata,monospace;text-decoration:none;list-style:none}#projects .activate-overlay{cursor:pointer}#projects h5.activate-overlay:hover{text-decoration:underline}#projects .project-overlay{z-index:10;opacity:0;pointer-events:none;background:#fff;height:calc(100vh - 100px);margin:0 auto;padding:50px 0;transition:all .6s cubic-bezier(.25,0,.1,1);position:fixed;top:50%;left:50%;overflow:hidden scroll;transform:translate(-50%,calc(40px - 50%))}#projects .project-overlay .img-box{text-align:center;margin:75px 0}#projects .project-overlay .img-box img{border:1px solid #ccc!important}#projects .project-overlay .img-box .caption{opacity:.75;color:#20282f;font-size:12px;font:"Inconsolata", monospace}#projects .project-overlay.active{opacity:1;pointer-events:auto;transform:translate(-50%,calc(20px - 50%))}#projects .project-overlay h1{margin:20px 0}#projects .project-overlay h5{margin:5px 0}#projects .project-overlay p{margin:25px 0;font-size:18px}#projects .project-overlay h1,#projects .project-overlay h4{text-align:center}#projects .project-overlay ul.apod-improvements,#projects .project-overlay .apod-improvements li{opacity:.9;font-size:16px;list-style-type:square}@media screen and (width>=992px){#projects .project-overlay .col-md-4{position:relative}#projects .project-overlay .skills-block{display:inline-block;position:relative;left:50%;transform:translate(-50%)}}@media screen and (width<=767px){#projects .project-overlay{width:100vw;height:calc(100vh - 40px);padding:20px 0 0;top:40px;left:0;transform:translateY(20px)}#projects .project-overlay.active{transform:translateY(0)}}.close-overlay{opacity:0;pointer-events:none;cursor:pointer;background:#fff;border:1px solid #000000bf;border-radius:50%;width:40px;height:40px;transition:all .6s cubic-bezier(.25,0,.1,1);position:absolute;top:60px;left:0;transform:translate(-50%)}.close-overlay span{color:#000000bf;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.overlay-active .close-overlay{opacity:1;pointer-events:auto;top:50px}#overlay-slip{z-index:9;opacity:0;pointer-events:none;background:#000000bf;width:100vw;height:100vh;transition:opacity .6s cubic-bezier(.25,0,.1,1) .15s;position:fixed;top:0;left:0}.overlay-active #overlay-slip{opacity:1;pointer-events:auto;transition-delay:0s}#clients{vertical-align:center}#clients .client-image{width:75%;display:inline-block!important}#clients .col-md-4{text-align:center}#skills{font-size:18px}#skills h3{margin-top:0;font-size:32px}#skills ul,#skills li{margin:0;padding:0;list-style:none}#skills ul{margin-bottom:50px}@media screen and (width>=992px){#skills .col-md-4{position:relative}#skills .skills-block{display:inline-block;position:relative;left:50%;transform:translate(-50%)}}#obsessions #gadget-wrapper{display:flex}#obsessions #gadget-wrapper .gadget-box{flex-grow:1;position:relative;overflow:hidden}#obsessions #gadget-wrapper .gadget-box:hover .gadget-name,#obsessions #gadget-wrapper .gadget-box:hover .gadget-description,html.touchevents #obsessions #gadget-wrapper .gadget-box .gadget-name,html.touchevents #obsessions #gadget-wrapper .gadget-box .gadget-description{opacity:1;transform:translate(-50%,-50%)}#obsessions #gadget-wrapper *{transition:all .3s cubic-bezier(.215,.61,.355,1)}@media screen and (width<=767px){#obsessions #gadget-wrapper{flex-wrap:wrap}#obsessions #gadget-wrapper .gadget-box{width:100%}}#obsessions #gadget-wrapper .gadget-name,#obsessions #gadget-wrapper .gadget-description{color:#fff;z-index:10;text-align:center;pointer-events:none;opacity:0;width:20vw;font-family:Inconsolata,monospace;position:absolute;left:50%;transform:translate(-50%,-45%)}@media screen and (width<=767px){#obsessions #gadget-wrapper .gadget-name,#obsessions #gadget-wrapper .gadget-description{width:60vw}}@media screen and (width>=768px){#obsessions #gadget-wrapper .gadget-name,#obsessions #gadget-wrapper .gadget-description{width:204.8px}}@media screen and (width>=992px){#obsessions #gadget-wrapper .gadget-name,#obsessions #gadget-wrapper .gadget-description{width:264.533px}}@media screen and (width>=1200px){#obsessions #gadget-wrapper .gadget-name,#obsessions #gadget-wrapper .gadget-description{width:320px}}#obsessions #gadget-wrapper .gadget-name{font-size:40.96px;top:13%}@media screen and (width<=767px){#obsessions #gadget-wrapper .gadget-name{font-size:12vw}}@media screen and (width>=768px){#obsessions #gadget-wrapper .gadget-name{font-size:40.96px}}@media screen and (width>=992px){#obsessions #gadget-wrapper .gadget-name{font-size:52.9067px}}@media screen and (width>=1200px){#obsessions #gadget-wrapper .gadget-name{font-size:64px}}#obsessions #gadget-wrapper .gadget-description{font-size:15.36px;top:87%}@media screen and (width<=767px){#obsessions #gadget-wrapper .gadget-description{font-size:3.6vw}}@media screen and (width>=768px){#obsessions #gadget-wrapper .gadget-description{font-size:12.288px}}@media screen and (width>=992px){#obsessions #gadget-wrapper .gadget-description{font-size:15.872px}}@media screen and (width>=1200px){#obsessions #gadget-wrapper .gadget-description{font-size:19.2px}}#react-box{background:#222;width:100%;padding-bottom:100%;position:relative}#react-box #dot,#react-box #c1,#react-box #c2,#react-box #c3{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(0)}#react-box #dot{background:#32bbf0;border-radius:50%}@media screen and (width<=767px){#react-box #dot{width:18.3vw;height:18.3vw}}@media screen and (width>=768px){#react-box #dot{width:62.976px;height:62.976px}}@media screen and (width>=992px){#react-box #dot{width:81.344px;height:81.344px}}@media screen and (width>=1200px){#react-box #dot{width:98.4px;height:98.4px}}#react-box #c1,#react-box #c2,#react-box #c3{box-sizing:content-box;border-radius:50%}@media screen and (width<=767px){#react-box #c1,#react-box #c2,#react-box #c3{border:4.5vw solid #32bbf0;width:18vw;height:18vw}}@media screen and (width>=768px){#react-box #c1,#react-box #c2,#react-box #c3{border:15.36px solid #32bbf0;width:61.44px;height:61.44px}}@media screen and (width>=992px){#react-box #c1,#react-box #c2,#react-box #c3{border:19.84px solid #32bbf0;width:79.36px;height:79.36px}}@media screen and (width>=1200px){#react-box #c1,#react-box #c2,#react-box #c3{border:24px solid #32bbf0;width:96px;height:96px}}#react-box #c2{transform:translate(-50%,-50%)rotate(60deg)}#react-box #c3{transform:translate(-50%,-50%)rotate(-60deg)}@media screen and (width<=767px){#react-box:hover #c1,#react-box:hover #c2,#react-box:hover #c3,html.touchevents #react-box #c1,html.touchevents #react-box #c2,html.touchevents #react-box #c3{border-width:1.5vw;width:36vw;height:15vw}}@media screen and (width>=768px){#react-box:hover #c1,#react-box:hover #c2,#react-box:hover #c3,html.touchevents #react-box #c1,html.touchevents #react-box #c2,html.touchevents #react-box #c3{border-width:5.12px;width:122.88px;height:51.2px}}@media screen and (width>=992px){#react-box:hover #c1,#react-box:hover #c2,#react-box:hover #c3,html.touchevents #react-box #c1,html.touchevents #react-box #c2,html.touchevents #react-box #c3{border-width:6.61333px;width:158.72px;height:66.1333px}}@media screen and (width>=1200px){#react-box:hover #c1,#react-box:hover #c2,#react-box:hover #c3,html.touchevents #react-box #c1,html.touchevents #react-box #c2,html.touchevents #react-box #c3{border-width:8px;width:192px;height:80px}}@media screen and (width<=767px){#react-box:hover #dot,html.touchevents #react-box #dot{width:9vw;height:9vw}}@media screen and (width>=768px){#react-box:hover #dot,html.touchevents #react-box #dot{width:30.72px;height:30.72px}}@media screen and (width>=992px){#react-box:hover #dot,html.touchevents #react-box #dot{width:39.68px;height:39.68px}}@media screen and (width>=1200px){#react-box:hover #dot,html.touchevents #react-box #dot{width:48px;height:48px}}#firebase-box{background:#32bbf0;width:100%;padding-bottom:100%;position:relative}#firebase-box #c{position:absolute;top:50%;left:50%;transform:translate(-50%,40.96px)}@media screen and (width<=767px){#firebase-box #c{transform:translate(-50%,13.5vw)}}@media screen and (width>=768px){#firebase-box #c{transform:translate(-50%,46.08px)}}@media screen and (width>=992px){#firebase-box #c{transform:translate(-50%,59.52px)}}@media screen and (width>=1200px){#firebase-box #c{transform:translate(-50%,72px)}}#firebase-box #tri1,#firebase-box #tri2,#firebase-box #tri3,#firebase-box #tri4,#firebase-box #tri5{position:absolute;bottom:0;left:50%;transform:translate(-50%)}#firebase-box #tri1{width:0;height:0}@media screen and (width<=767px){#firebase-box #tri1{border-bottom:27vw solid #ffcb2c;border-left:15vw solid #0000;border-right:15vw solid #0000}}@media screen and (width>=768px){#firebase-box #tri1{border-bottom:92.16px solid #ffcb2c}}@media screen and (width>=992px){#firebase-box #tri1{border-bottom:119.04px solid #ffcb2c}}@media screen and (width>=1200px){#firebase-box #tri1{border-bottom:144px solid #ffcb2c}}@media screen and (width>=768px){#firebase-box #tri1{border-left:51.2px solid #0000}}@media screen and (width>=992px){#firebase-box #tri1{border-left:66.1333px solid #0000}}@media screen and (width>=1200px){#firebase-box #tri1{border-left:80px solid #0000}}@media screen and (width>=768px){#firebase-box #tri1{border-right:51.2px solid #0000}}@media screen and (width>=992px){#firebase-box #tri1{border-right:66.1333px solid #0000}}@media screen and (width>=1200px){#firebase-box #tri1{border-right:80px solid #0000}}#firebase-box:hover #tri1,html.touchevents #firebase-box #tri1{width:0;height:0}@media screen and (width<=767px){#firebase-box:hover #tri1,html.touchevents #firebase-box #tri1{border-bottom:24vw solid #ffcb2c;border-left:25.5vw solid #0000;border-right:4.5vw solid #0000}}@media screen and (width>=768px){#firebase-box:hover #tri1,html.touchevents #firebase-box #tri1{border-bottom:81.92px solid #ffcb2c}}@media screen and (width>=992px){#firebase-box:hover #tri1,html.touchevents #firebase-box #tri1{border-bottom:105.813px solid #ffcb2c}}@media screen and (width>=1200px){#firebase-box:hover #tri1,html.touchevents #firebase-box #tri1{border-bottom:128px solid #ffcb2c}}@media screen and (width>=768px){#firebase-box:hover #tri1,html.touchevents #firebase-box #tri1{border-left:87.04px solid #0000}}@media screen and (width>=992px){#firebase-box:hover #tri1,html.touchevents #firebase-box #tri1{border-left:112.427px solid #0000}}@media screen and (width>=1200px){#firebase-box:hover #tri1,html.touchevents #firebase-box #tri1{border-left:136px solid #0000}}@media screen and (width>=768px){#firebase-box:hover #tri1,html.touchevents #firebase-box #tri1{border-right:15.36px solid #0000}}@media screen and (width>=992px){#firebase-box:hover #tri1,html.touchevents #firebase-box #tri1{border-right:19.84px solid #0000}}@media screen and (width>=1200px){#firebase-box:hover #tri1,html.touchevents #firebase-box #tri1{border-right:24px solid #0000}}#firebase-box #tri5{width:0;height:0;transform:translate(-50%,99%)}@media screen and (width<=767px){#firebase-box #tri5{border-top:0 solid #ffcb2c;border-left:15vw solid #0000;border-right:15vw solid #0000}}@media screen and (width>=768px){#firebase-box #tri5{border-top:0 solid #ffcb2c}}@media screen and (width>=992px){#firebase-box #tri5{border-top:0 solid #ffcb2c}}@media screen and (width>=1200px){#firebase-box #tri5{border-top:0 solid #ffcb2c}}@media screen and (width>=768px){#firebase-box #tri5{border-left:51.2px solid #0000}}@media screen and (width>=992px){#firebase-box #tri5{border-left:66.1333px solid #0000}}@media screen and (width>=1200px){#firebase-box #tri5{border-left:80px solid #0000}}@media screen and (width>=768px){#firebase-box #tri5{border-right:51.2px solid #0000}}@media screen and (width>=992px){#firebase-box #tri5{border-right:66.1333px solid #0000}}@media screen and (width>=1200px){#firebase-box #tri5{border-right:80px solid #0000}}#firebase-box:hover #tri5,html.touchevents #firebase-box #tri5{width:0;height:0;transform:translate(-50%,99%)}@media screen and (width<=767px){#firebase-box:hover #tri5,html.touchevents #firebase-box #tri5{border-top:9vw solid #ffcb2c;border-left:15vw solid #0000;border-right:15vw solid #0000}}@media screen and (width>=768px){#firebase-box:hover #tri5,html.touchevents #firebase-box #tri5{border-top:30.72px solid #ffcb2c}}@media screen and (width>=992px){#firebase-box:hover #tri5,html.touchevents #firebase-box #tri5{border-top:39.68px solid #ffcb2c}}@media screen and (width>=1200px){#firebase-box:hover #tri5,html.touchevents #firebase-box #tri5{border-top:48px solid #ffcb2c}}@media screen and (width>=768px){#firebase-box:hover #tri5,html.touchevents #firebase-box #tri5{border-left:51.2px solid #0000}}@media screen and (width>=992px){#firebase-box:hover #tri5,html.touchevents #firebase-box #tri5{border-left:66.1333px solid #0000}}@media screen and (width>=1200px){#firebase-box:hover #tri5,html.touchevents #firebase-box #tri5{border-left:80px solid #0000}}@media screen and (width>=768px){#firebase-box:hover #tri5,html.touchevents #firebase-box #tri5{border-right:51.2px solid #0000}}@media screen and (width>=992px){#firebase-box:hover #tri5,html.touchevents #firebase-box #tri5{border-right:66.1333px solid #0000}}@media screen and (width>=1200px){#firebase-box:hover #tri5,html.touchevents #firebase-box #tri5{border-right:80px solid #0000}}#firebase-box #tri2{width:0;height:0}@media screen and (width<=767px){#firebase-box #tri2{border-bottom:27vw solid #ffa50d;border-left:15vw solid #0000;border-right:15vw solid #0000}}@media screen and (width>=768px){#firebase-box #tri2{border-bottom:92.16px solid #ffa50d}}@media screen and (width>=992px){#firebase-box #tri2{border-bottom:119.04px solid #ffa50d}}@media screen and (width>=1200px){#firebase-box #tri2{border-bottom:144px solid #ffa50d}}@media screen and (width>=768px){#firebase-box #tri2{border-left:51.2px solid #0000}}@media screen and (width>=992px){#firebase-box #tri2{border-left:66.1333px solid #0000}}@media screen and (width>=1200px){#firebase-box #tri2{border-left:80px solid #0000}}@media screen and (width>=768px){#firebase-box #tri2{border-right:51.2px solid #0000}}@media screen and (width>=992px){#firebase-box #tri2{border-right:66.1333px solid #0000}}@media screen and (width>=1200px){#firebase-box #tri2{border-right:80px solid #0000}}#firebase-box #tri3{width:0;height:0}@media screen and (width<=767px){#firebase-box #tri3{border-bottom:27vw solid #ffa50d;border-left:15vw solid #0000;border-right:15vw solid #0000}}@media screen and (width>=768px){#firebase-box #tri3{border-bottom:92.16px solid #ffa50d}}@media screen and (width>=992px){#firebase-box #tri3{border-bottom:119.04px solid #ffa50d}}@media screen and (width>=1200px){#firebase-box #tri3{border-bottom:144px solid #ffa50d}}@media screen and (width>=768px){#firebase-box #tri3{border-left:51.2px solid #0000}}@media screen and (width>=992px){#firebase-box #tri3{border-left:66.1333px solid #0000}}@media screen and (width>=1200px){#firebase-box #tri3{border-left:80px solid #0000}}@media screen and (width>=768px){#firebase-box #tri3{border-right:51.2px solid #0000}}@media screen and (width>=992px){#firebase-box #tri3{border-right:66.1333px solid #0000}}@media screen and (width>=1200px){#firebase-box #tri3{border-right:80px solid #0000}}@media screen and (width<=767px){#firebase-box:hover #tri3,html.touchevents #firebase-box #tri3{border-bottom:33vw solid #ffa50d;border-left:4.5vw solid #0000;border-right:25.5vw solid #0000}}@media screen and (width>=768px){#firebase-box:hover #tri3,html.touchevents #firebase-box #tri3{border-bottom:112.64px solid #ffa50d}}@media screen and (width>=992px){#firebase-box:hover #tri3,html.touchevents #firebase-box #tri3{border-bottom:145.493px solid #ffa50d}}@media screen and (width>=1200px){#firebase-box:hover #tri3,html.touchevents #firebase-box #tri3{border-bottom:176px solid #ffa50d}}@media screen and (width>=768px){#firebase-box:hover #tri3,html.touchevents #firebase-box #tri3{border-left:15.36px solid #0000}}@media screen and (width>=992px){#firebase-box:hover #tri3,html.touchevents #firebase-box #tri3{border-left:19.84px solid #0000}}@media screen and (width>=1200px){#firebase-box:hover #tri3,html.touchevents #firebase-box #tri3{border-left:24px solid #0000}}@media screen and (width>=768px){#firebase-box:hover #tri3,html.touchevents #firebase-box #tri3{border-right:87.04px solid #0000}}@media screen and (width>=992px){#firebase-box:hover #tri3,html.touchevents #firebase-box #tri3{border-right:112.427px solid #0000}}@media screen and (width>=1200px){#firebase-box:hover #tri3,html.touchevents #firebase-box #tri3{border-right:136px solid #0000}}#firebase-box #tri4{width:0;height:0}@media screen and (width<=767px){#firebase-box #tri4{border-bottom:27vw solid #f5820c;border-left:15vw solid #0000;border-right:15vw solid #0000}}@media screen and (width>=768px){#firebase-box #tri4{border-bottom:92.16px solid #f5820c}}@media screen and (width>=992px){#firebase-box #tri4{border-bottom:119.04px solid #f5820c}}@media screen and (width>=1200px){#firebase-box #tri4{border-bottom:144px solid #f5820c}}@media screen and (width>=768px){#firebase-box #tri4{border-left:51.2px solid #0000}}@media screen and (width>=992px){#firebase-box #tri4{border-left:66.1333px solid #0000}}@media screen and (width>=1200px){#firebase-box #tri4{border-left:80px solid #0000}}@media screen and (width>=768px){#firebase-box #tri4{border-right:51.2px solid #0000}}@media screen and (width>=992px){#firebase-box #tri4{border-right:66.1333px solid #0000}}@media screen and (width>=1200px){#firebase-box #tri4{border-right:80px solid #0000}}@media screen and (width<=767px){#firebase-box:hover #tri4,html.touchevents #firebase-box #tri4{border-bottom:22.5vw solid #f5820c;border-left:12.45vw solid #0000;border-right:15.55vw solid #0000}}@media screen and (width>=768px){#firebase-box:hover #tri4,html.touchevents #firebase-box #tri4{border-bottom:76.8px solid #f5820c}}@media screen and (width>=992px){#firebase-box:hover #tri4,html.touchevents #firebase-box #tri4{border-bottom:99.2px solid #f5820c}}@media screen and (width>=1200px){#firebase-box:hover #tri4,html.touchevents #firebase-box #tri4{border-bottom:120px solid #f5820c}}@media screen and (width>=768px){#firebase-box:hover #tri4,html.touchevents #firebase-box #tri4{border-left:42.496px solid #0000}}@media screen and (width>=992px){#firebase-box:hover #tri4,html.touchevents #firebase-box #tri4{border-left:54.8907px solid #0000}}@media screen and (width>=1200px){#firebase-box:hover #tri4,html.touchevents #firebase-box #tri4{border-left:66.4px solid #0000}}@media screen and (width>=768px){#firebase-box:hover #tri4,html.touchevents #firebase-box #tri4{border-right:59.7333px solid #0000}}@media screen and (width>=992px){#firebase-box:hover #tri4,html.touchevents #firebase-box #tri4{border-right:77.1556px solid #0000}}@media screen and (width>=1200px){#firebase-box:hover #tri4,html.touchevents #firebase-box #tri4{border-right:93.3333px solid #0000}}#three-box{background:#ffb81d;width:100%;padding-bottom:100%;position:relative}#three-box #cx{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (width<=767px){#three-box #cx{perspective:300vw;width:27vw;height:27vw}}@media screen and (width>=768px){#three-box #cx{width:92.16px}}@media screen and (width>=992px){#three-box #cx{width:119.04px}}@media screen and (width>=1200px){#three-box #cx{width:144px}}@media screen and (width>=768px){#three-box #cx{height:92.16px}}@media screen and (width>=992px){#three-box #cx{height:119.04px}}@media screen and (width>=1200px){#three-box #cx{height:144px}}@media screen and (width>=768px){#three-box #cx{perspective:1024px}}@media screen and (width>=992px){#three-box #cx{perspective:1322.67px}}@media screen and (width>=1200px){#three-box #cx{perspective:1600px}}#three-box #cube{width:100%;height:100%;transform-style:preserve-3d;position:relative}@media screen and (width<=767px){#three-box #cube{transform:translateZ(-13.5vw)rotateX(0)rotateY(0)rotate(90deg)}}@media screen and (width>=768px){#three-box #cube{transform:translateZ(-46.08px)rotateX(0)rotateY(0)rotate(90deg)}}@media screen and (width>=992px){#three-box #cube{transform:translateZ(-59.52px)rotateX(0)rotateY(0)rotate(90deg)}}@media screen and (width>=1200px){#three-box #cube{transform:translateZ(-72px)rotateX(0)rotateY(0)rotate(90deg)}}#three-box #cube .face{margin:0;display:block;position:absolute}@media screen and (width<=767px){#three-box #cube .face{width:27vw;height:27vw}}@media screen and (width>=768px){#three-box #cube .face{width:92.16px}}@media screen and (width>=992px){#three-box #cube .face{width:119.04px}}@media screen and (width>=1200px){#three-box #cube .face{width:144px}}@media screen and (width>=768px){#three-box #cube .face{height:92.16px}}@media screen and (width>=992px){#three-box #cube .face{height:119.04px}}@media screen and (width>=1200px){#three-box #cube .face{height:144px}}#three-box #one{background:#666}@media screen and (width<=767px){#three-box #one{transform:rotateX(90deg)translateZ(13.45vw)}}@media screen and (width>=768px){#three-box #one{transform:rotateX(90deg)translateZ(45.9093px)}}@media screen and (width>=992px){#three-box #one{transform:rotateX(90deg)translateZ(59.2996px)}}@media screen and (width>=1200px){#three-box #one{transform:rotateX(90deg)translateZ(71.7333px)}}#three-box #two{background:#999}@media screen and (width<=767px){#three-box #two{transform:rotateY(90deg)translateZ(13.45vw)}}@media screen and (width>=768px){#three-box #two{transform:rotateY(90deg)translateZ(45.9093px)}}@media screen and (width>=992px){#three-box #two{transform:rotateY(90deg)translateZ(59.2996px)}}@media screen and (width>=1200px){#three-box #two{transform:rotateY(90deg)translateZ(71.7333px)}}#three-box #three{background:#ddd}@media screen and (width<=767px){#three-box #three{transform:rotateY(0)translateZ(13.45vw)}}@media screen and (width>=768px){#three-box #three{transform:rotateY(0)translateZ(45.9093px)}}@media screen and (width>=992px){#three-box #three{transform:rotateY(0)translateZ(59.2996px)}}@media screen and (width>=1200px){#three-box #three{transform:rotateY(0)translateZ(71.7333px)}}@media screen and (width<=767px){#three-box:hover #cube,html.touchevents #three-box #cube{transform:translateZ(-13.5vw)rotateX(67.5deg)rotateY(0)rotate(135deg)}}@media screen and (width>=768px){#three-box:hover #cube,html.touchevents #three-box #cube{transform:translateZ(-46.08px)rotateX(67.5deg)rotateY(0)rotate(135deg)}}@media screen and (width>=992px){#three-box:hover #cube,html.touchevents #three-box #cube{transform:translateZ(-59.52px)rotateX(67.5deg)rotateY(0)rotate(135deg)}}@media screen and (width>=1200px){#three-box:hover #cube,html.touchevents #three-box #cube{transform:translateZ(-72px)rotateX(67.5deg)rotateY(0)rotate(135deg)}}#about{color:#fff;text-align:center;background:#20282f}#about a{color:#fff;text-decoration:underline}#about a:hover{color:#20282f;background:#fff}#about p{font-size:18px}#about #about-me{font-weight:300}#about img{filter:grayscale();margin-bottom:50px}#about #link-contact div{margin:10px}#about #link-contact div a{font-size:18px}#about #link-icons{white-space:nowrap;text-align:center;font-size:40px}#about #link-icons a{margin:0 5px;padding:0 5px;text-decoration:none}#about #link-icons a:hover{text-decoration:none}#portrait,.thumbnail{width:100%}.divider-header{text-align:center;width:100%;margin:0 0 50px}.divider-header h1{margin:0;padding:0;font-family:Roboto Slab,serif;font-size:44px}
/*# sourceMappingURL=portfolio.328c8fcf.css.map */