body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media only screen and (max-width:768px){code{font-size:12px}}.code-block{margin:0 auto;text-align:left;width:50%}@media only screen and (max-width:768px){.code-block{width:80%}}.code-block img{display:inline;width:150px}@media only screen and (max-width:768px){.code-block img{width:85px}}pre code{background-color:#f9f9f9;border:1px solid #ccc;border-radius:3px;color:#52595d;display:inline-block;font:16px Monaco,Courier New,DejaVu Sans Mono,Bitstream Vera Sans Mono,monospace;max-width:450px;padding:20px 0 20px 20px;width:100%}pre code span{display:inline-block;margin-top:34px;vertical-align:top}@media only screen and (max-width:768px){pre code{padding-left:24%}}@media only screen and (max-width:480px){pre code{font-size:14px;padding-left:4%}}.blink_me{-webkit-animation:blinker 1.5s step-end infinite;animation:blinker 1.5s step-end infinite;background:#545454;float:right;height:20px;margin-left:2px;margin-top:6px;width:4px}@-webkit-keyframes blinker{50%{opacity:0}}@keyframes blinker{50%{opacity:0}}.header{background:#000;color:#fff;height:50px;left:0;position:fixed;text-shadow:0 1px 3px rgba(0,0,0,.5);top:0;width:100%;z-index:100}.header .header-content{display:flex;flex-direction:row;justify-content:space-between;margin-top:16px}@media only screen and (max-width:768px){.header .header-content{margin-top:14px}}.header .header-content .name,.header .header-content .nav-items-container{display:inline-block}.header .header-content .name{flex:1 1}@media only screen and (max-width:768px){.header .header-content .name{text-align:center}.header .header-content .name a{font-size:18px}}.header .header-content .nav-items-container{flex:1 1}@media only screen and (max-width:768px){.header .header-content .nav-items-container{background-color:rgba(0,0,0,.9);height:40px;left:0;margin-left:0;position:fixed;right:0;text-align:center;top:50px;width:100%}}.header .header-content .nav-items-container .nav-items{display:flex;justify-content:space-between;text-align:right}@media only screen and (max-width:768px){.header .header-content .nav-items-container .nav-items{margin:10px auto 0;width:90%}}@media only screen and (max-width:480px){.header .header-content .nav-items-container .nav-items a{font-size:13px}}.header .header-content a{color:#fff;text-transform:uppercase}.header .header-content a:hover{color:#c3bfff}.header .header-content a.active{color:#a09dcb}.footer{font-family:Open Sans,sans-serif;font-weight:300;left:0;padding:15px;position:absolute;right:0;text-align:center}.footer .muted{--bs-text-opacity:1;color:#6c757d!important}.footer p{font-size:18px}.footer p.small{font-size:15px}.footer .react p{display:inline-block;font-size:14px;margin-right:10px;margin-top:2px;vertical-align:top}.footer .react img{display:inline;width:25px}.footer .footer-logos img{cursor:pointer;margin-right:10px;transition:.3s ease-in-out;width:40px}.footer .footer-logos img:hover{-webkit-filter:brightness(120%);filter:brightness(120%)}.container{display:flex;font-family:Open Sans,sans-serif;font-weight:300;justify-content:space-between;letter-spacing:.1rem;margin:0 auto;overflow:hidden;width:100%}.container.light{background-color:#efefef;color:#000}.container.light-to-dark-gradient{background-image:linear-gradient(0deg,#191818,#4a494a,#828182,#bebebe,#fff);color:#000}.container.dark{background-color:#191818;color:#fff}.container.black{background-color:#000;color:#fff}.container.purple{background-image:radial-gradient(#7e81e6,#393279);color:#fff}.container.blue{background-color:#4b3d81;background-image:linear-gradient(90deg,rgba(57,194,218,0),#39c2da 35%,rgba(57,194,218,0));color:#000}.container.game-image{background-image:url(/static/media/in_world.d3a82165fb80ba5460c5.jpg);background-position:50%;background-size:cover;color:#fff;transition:text-shadow 1s ease-in-out}.container.game-image a:hover{color:inherit}.container.chinese-image{background-image:url(/static/media/cn_backdrop.f5c5955e4160d808fee0.png);background-position:bottom;background-size:cover;color:#fff}.container.p-lg{padding:40px 0}.container.p-sm{padding:20px 0}.container.p-xsm{padding:10px 0}.container.h-sm{height:200px}.container.h-m{height:250px}.container .half{flex:1 1;height:inherit;position:relative}@media only screen and (max-width:768px){.container .half:first-child{flex:none;position:absolute;text-align:center;top:90px;z-index:99}h1{font-size:24px}p{font-size:14px}}p.heading{font-size:22px;line-height:1.6;margin-top:0;padding:0}p.heading.home{margin-left:26px;margin-top:26px;text-align:center;width:80%}@media only screen and (max-width:768px){p.heading.home{margin-top:48px;width:90%}}@media only screen and (max-width:480px){p.heading.home{margin-left:16px;margin-top:25px}}p.heading.home a{font-size:22px;font-weight:400}@media only screen and (max-width:768px){p.heading,p.heading.home a{font-size:18px}}p.subheading{font-size:18px;line-height:1.6;margin-top:0;padding:0}@media only screen and (max-width:768px){p.subheading{font-size:16px}a{font-size:14px}}a{color:inherit;cursor:pointer;text-decoration:none}a.light:hover{color:#c3bfff}a.dark:hover{color:#423c90}.page{margin-top:50px}@media only screen and (max-width:768px){.page{margin-top:90px}}.content{margin:0 auto;max-width:1000px;width:90%}.content.sm{width:70%}@media only screen and (max-width:480px){.content.sm{width:90%}}.center{text-align:center}.clickable{cursor:pointer}.monospace{color:#494949!important;font-family:monospace}.overlay{align-items:center;background:rgba(0,0,0,.8);display:flex;flex-direction:column;height:inherit;justify-content:center;margin:0 auto;position:absolute;text-align:center;width:100%;z-index:90}.overlay.no-dark{background:none}.overlay.no-events{pointer-events:none}.overlay.gradient{background:none;background-image:linear-gradient(90deg,#191818 0,transparent 25%,transparent 75%,#191818)}@media only screen and (max-width:768px){.overlay.gradient{background-image:linear-gradient(90deg,#141414,rgba(0,0,0,.6) 50%)}}.overlay.game{background:rgba(35,35,37,.8)}.buttons{border:none;color:#fff;display:inline-block;font-family:Open Sans,Arial,sans-serif;font-size:14px;font-weight:300;margin-bottom:10px;margin-top:15px;padding:8px;transition:border .5s,width .5s,height .5s,background-color .5s,color .5s,-webkit-transform .5s;transition:border .5s,width .5s,height .5s,background-color .5s,color .5s,transform .5s;transition:border .5s,width .5s,height .5s,background-color .5s,color .5s,transform .5s,-webkit-transform .5s;width:175px}.buttons:hover{cursor:pointer}.buttons.gray{background-color:#9c9c9c}.buttons.gray:hover{background-color:#bfbfbf}.buttons.red{background-color:#f3344d}.buttons.red:hover{background-color:#ff586e}.buttons.blue{background-color:#9193e8}.buttons.blue:hover{background-color:#a6a8ff}.buttons.white-border{background:none;border:1px solid #fff;color:#fff}.buttons.white-border:hover{background:#fff;color:#000}.buttons.blue-border{background:none;border:1px solid #2377c7;color:#cde0f3;text-shadow:0 2px 4px rgba(0,0,0,.3)}.buttons.blue-border:hover{border:1px solid #61a4c7}.buttons.black-border{background:none;border:1px solid #2a282b;color:#000}.buttons.black-border:hover{background:#2a282b;color:#fff}.buttons.purple-border{background:none;border:1px solid #8d5da2;color:#8d5da2}.buttons.purple-border:hover{background:#8d5da2;color:#fff}.buttons.large{font-size:18px;padding:15px;width:220px}.buttons.margin-top{margin-top:60px}.buttons.margin-top.small{margin-top:25px}.buttons.center{display:block;margin:0 auto}.content-blocks{display:inline-block;line-height:1.6;margin-bottom:70px}@media only screen and (max-width:480px){.content-blocks{margin-bottom:35px}}.content-blocks:last-child{margin-bottom:0}.content-blocks.left-image .content-block{display:inline-block}.content-blocks.left-image .content-block.left{box-shadow:1px 1px 12px 1px rgba(1,1,1,.1);float:left;width:50%}.content-blocks.left-image .content-block.left img{width:100%}@media only screen and (max-width:480px){.content-blocks.left-image .content-block.left{float:none;width:100%}}.content-blocks.left-image .content-block.right{float:right;text-align:left;vertical-align:top;width:45%}@media only screen and (max-width:480px){.content-blocks.left-image .content-block.right{float:none;text-align:left;width:100%}}.content-blocks.right-image .content-block{display:inline-block}.content-blocks.right-image .content-block.left{float:left;text-align:right;vertical-align:top;width:45%}@media only screen and (max-width:480px){.content-blocks.right-image .content-block.left{float:none;text-align:left;width:100%}}.content-blocks.right-image .content-block.right{box-shadow:1px 1px 12px 1px rgba(1,1,1,.1);float:right;width:50%}.content-blocks.right-image .content-block.right img{width:100%}@media only screen and (max-width:480px){.content-blocks.right-image .content-block.right{float:none;width:100%}}.tiles{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.tiles .tile{background-color:#fff;border-radius:3px;box-shadow:2px 2px 2px 1px rgba(0,0,0,.2);color:#fff;cursor:pointer;height:100%;margin:18px;overflow:hidden;position:relative;vertical-align:top;width:20%}@media only screen and (max-width:768px){.tiles .tile{margin:10px;width:43%}}@media only screen and (max-width:480px){.tiles .tile{margin:10px;width:100%}}.tiles .tile .info{background-color:#000;background-color:rgba(0,0,0,.8);bottom:0;color:#fff;height:42px;position:absolute;text-align:left;width:100%;z-index:2}.tiles .tile .info .title{display:inline-block;margin:0;padding:10px}.tiles .tile .tile-thumbnail{width:100%}.tags{text-align:center}.tags .tag{background-color:hsla(38,13%,88%,.7);border:thin solid #c3c3c3;border-radius:3px;cursor:pointer;display:inline-block;margin:5px 5px 10px;padding:5px;transition:width .5s,height .5s,background-color .5s,color .5s,-webkit-transform .5s;transition:width .5s,height .5s,background-color .5s,color .5s,transform .5s;transition:width .5s,height .5s,background-color .5s,color .5s,transform .5s,-webkit-transform .5s}@media only screen and (max-width:480px){.tags .tag{margin:2px 3px 5px;padding:3px}}.tags .tag.tile-tag{background-color:rgba(36,36,36,.7);border:thin solid #151515}.tags .tag span{display:inline-block;font-size:16px;margin-left:10px;margin-top:2px;vertical-align:top}@media only screen and (max-width:480px){.tags .tag span{font-size:14px;margin-top:4px}}.tags .tag:hover{background-color:hsla(0,0%,5%,.7)}.tags .tag.active{background-color:rgba(81,228,77,.7);border-color:#4abd2c}.tag-icon{margin:0 3px}.icons img,.tag-icon{width:25px}.modal-images{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.modal-images .tile-modal-image{background-color:#dcdcdc;border-radius:5px;margin:0 auto;max-width:600px;padding:15px;width:70%}.modal-images .tile-modal-image img{width:100%}.modal-images .project-modal-image{background-color:#dcdcdc;border-radius:5px;margin:20px;padding:15px;width:40%}@media only screen and (max-width:768px){.modal-images .project-modal-image{margin:0 0 10px;padding:10px;width:90%}}.modal-images .project-modal-image img{width:100%}hr{border:0;border-bottom:1px solid hsla(0,0%,100%,.3);border-top:1px solid rgba(0,0,0,.1);height:0}.spotify{cursor:pointer;width:100px}.spotify:hover{-webkit-animation:shake .22s cubic-bezier(.36,.07,.19,.97) both;animation:shake .22s cubic-bezier(.36,.07,.19,.97) both;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px;-webkit-transform:translateZ(0);transform:translateZ(0)}@-webkit-keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(1px,0,0);transform:translate3d(1px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-2px,0,0);transform:translate3d(-2px,0,0)}40%,60%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}}@keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(1px,0,0);transform:translate3d(1px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-2px,0,0);transform:translate3d(-2px,0,0)}40%,60%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}}.guess-who{max-width:800px;transition:.5s ease-in-out;width:70%!important}.guess-who:hover{-webkit-filter:contrast(150%);filter:contrast(150%)}.sbir{display:block;-webkit-filter:brightness(1.5);filter:brightness(1.5);margin:0 auto;transition:.5s ease-in-out;width:20%}.sbir:hover{-webkit-filter:brightness(2.5);filter:brightness(2.5)}@media only screen and (max-width:768px){.sbir{width:50%}}.youtube-video{height:315px;width:560px}@media only screen and (max-width:768px){.youtube-video{height:100%;width:100%}}.projects{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.projects .project{background-color:#fff;border-radius:3px;box-shadow:2px 2px 2px 1px rgba(0,0,0,.2);color:#fff;cursor:pointer;height:300px;margin:22px;overflow:hidden;position:relative;vertical-align:top;width:28%}@media only screen and (max-width:768px){.projects .project{margin:10px;width:43%}}@media only screen and (max-width:480px){.projects .project{margin:10px;width:100%}}.projects .project .info{background-color:#000;background-color:rgba(0,0,0,.8);color:#fff;height:8%;overflow:hidden;padding:10px;position:absolute;text-align:left;transition:opacity .5s,width .5s,height .2s,background-color .5s,color .5s,-webkit-transform .5s;transition:opacity .5s,width .5s,height .2s,background-color .5s,color .5s,transform .5s;transition:opacity .5s,width .5s,height .2s,background-color .5s,color .5s,transform .5s,-webkit-transform .5s;vertical-align:top;z-index:2}.projects .project .info .title{display:inline-block;margin:0;padding:0}.projects .project .info .tag-icons{float:right}.projects .project .info .tag-icons .tag-icon{width:20px}.projects .project .info .action,.projects .project .info .description{font-size:14px}.projects .project .info .action{font-weight:600}.projects .project .info .github{bottom:35px;left:0;margin:0 auto;opacity:0;position:absolute;right:0;text-align:center;transition:opacity .1s ease-out}.projects .project .info .github p{font-size:12px;margin:0}.projects .project .info .github .fa-github{font-size:20px}.projects .project .project-thumbnail{max-width:375px}.projects .project:hover .project-thumbnail{-webkit-filter:blur(5px);filter:blur(5px);z-index:1}.projects .project:hover .info{background-color:rgba(0,0,0,.85);height:100%}.projects .project:hover .info .title{text-shadow:0 1px 3px #e5dcff}.projects .project:hover .info .github{opacity:1;transition:opacity 1s ease-in}.codepen{margin-bottom:20px}.packery-container{height:inherit;margin:0 auto;width:100%}.grid{margin:0 auto;position:relative;text-align:center}.grid:after{clear:both;content:"";display:block}.grid-item{cursor:pointer;float:left;height:50px;position:relative;width:50px}.grid-item img{height:100%;width:100%}.grid-item:hover{-webkit-filter:brightness(1.5);filter:brightness(1.5)}.grid-item--width2{width:100px}.grid-item--height2{height:100px}.grid-item--width3{width:200px}.grid-item--height3{height:200px}
/*# sourceMappingURL=main.d3f4f711.css.map*/