#drops canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:-1}canvas{position:fixed;top:0;left:0;width:100vw!important;height:100vh!important;pointer-events:none;z-index:-1;opacity:.3}#app{width:100%;height:100%}#app-component,body,html{width:100%;height:100%;margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:#16ffff}body{font-family:Roboto;background-color:#000}body,html{overflow:hidden}.btn{background-color:transparent;padding:6px;border-radius:8px;border:3px solid #16ffff}.btn,.link{font-size:1.4em;color:#16ffff;text-decoration:none;height:1.4em;line-height:1.4em}.link{padding:7px;border-radius:8px;border:2px solid #16ffff}.back-link{display:inline-block;margin-top:10px;-webkit-animation:fadeUp 2s;animation:fadeUp 2s}.divider{color:#16ffff;margin:0 5px;display:none!important}.divider:after{content:"|"}.fadeDown{-webkit-animation-name:fadeDown;animation-name:fadeDown;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}*{-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes fadeDown{0%{-webkit-filter:blur(20px);filter:blur(20px)}70%{-webkit-filter:blur(0);filter:blur(0)}}@keyframes fadeDown{0%{-webkit-filter:blur(20px);filter:blur(20px)}70%{-webkit-filter:blur(0);filter:blur(0)}}@-webkit-keyframes fadeUp{0%{opacity:0}70%{opacity:1}}@keyframes fadeUp{0%{opacity:0}70%{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}60%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}60%{opacity:0}to{opacity:1}}@media screen and (min-width:768px){.link{font-size:1.2em;border-color:transparent}.link:hover{border-color:#16ffff}.btn:hover{cursor:pointer;background-color:#16ffff;color:#000}.divider{display:default}}#drops canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:-1}#home{z-index:0;position:relative;width:100%;height:100%;text-align:center}#home section{width:300px;margin:0 auto;display:grid;grid-gap:20px;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto}#home section .app-grid-item{width:80px;margin:0 auto;-webkit-animation:fadeDown 1s;animation:fadeDown 1s}#home .app-wrapper{position:relative;width:80px;height:80px;border:4px solid #16ffff;border-radius:23px;margin:0 auto;-webkit-transition:-webkit-transform .6s;transition:-webkit-transform .6s;transition:transform .6s;transition:transform .6s,-webkit-transform .6s;overflow:hidden}#home .app-wrapper .app-image{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/me.jpg);background-size:80px}#home .app-wrapper .app-icon{position:absolute;top:30px;left:40px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:50px;color:#16ffff}#home .app-wrapper .app-name{position:absolute;bottom:2px;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);color:#16ffff;font-family:Helvetica,Arial,sans-serif}@media screen and (min-width:700px){#home section{width:600px;margin:45px auto;grid-gap:45px}#home section .app-grid-item{width:144px}#home .app-wrapper{width:144px;height:144px;border:4px solid #16ffff;border-radius:23px}#home .app-wrapper:hover{background-color:#16ffff;-webkit-transform:scale(1.1);transform:scale(1.1)}#home .app-wrapper:hover .app-icon,#home .app-wrapper:hover .app-name{color:#000}#home .app-wrapper .app-image{background-size:144px}#home .app-wrapper .app-icon{top:60px;left:72px;font-size:100px;color:#16ffff}#home .app-wrapper .app-name{bottom:10px;color:#16ffff}}nav a{text-decoration:none;font-size:2em;margin-bottom:10px;color:#16ffff;-webkit-animation:fadeDown 1.5s;animation:fadeDown 1.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#tutor{text-align:center;height:100%;overflow-y:scroll}iframe{width:100%;height:100%;border:none;padding:0}iframe p{font-size:200px;color:#000}#form-wrapper{width:100%;height:500px;margin:0;margin-bottom:20px;background-image:url(/loading.gif);background-position:50%;background-repeat:no-repeat;background-size:100px}#tutor .link{display:inline-block;margin-bottom:30px;-webkit-animation:fadeUp 1s;animation:fadeUp 1s}@media screen and (min-width:768px){#form-wrapper{width:650px;margin:0 auto}}#gallery{z-index:0;position:relative;width:100%;height:100%;text-align:center;overflow:hidden;overflow-y:scroll}#gallery #heading{margin:0 auto;display:inline-block;width:90%}#gallery #heading p{color:#fff;text-align:left}#gallery section{margin:40px auto}#gallery img{width:100%;height:auto}#gallery .back-link{margin-right:10px}@media screen and (min-width:768px){#gallery #heading{width:616px}#gallery img{width:150px;height:150px;float:left;-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;z-index:2;opacity:0;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-delay:.8s;animation-delay:.8s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#gallery img:hover{-webkit-transform:scale(1.1);transform:scale(1.1);z-index:3}#gallery img.selected{-webkit-transform:scale(3);transform:scale(3);z-index:3}.gimg1{-webkit-transform-origin:left top;transform-origin:left top;-webkit-animation-duration:.4s;animation-duration:.4s}.gimg2{-webkit-transform-origin:center top;transform-origin:center top;-webkit-animation-duration:.8s;animation-duration:.8s}.gimg3{-webkit-transform-origin:right top;transform-origin:right top;-webkit-animation-duration:1.2s;animation-duration:1.2s}.gimg4{-webkit-transform-origin:left center;transform-origin:left center;-webkit-animation-duration:3.2s;animation-duration:3.2s}.gimg5{-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-duration:3.6s;animation-duration:3.6s}.gimg6{-webkit-transform-origin:right center;transform-origin:right center;-webkit-animation-duration:1.6s;animation-duration:1.6s}.gimg7{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-animation-duration:2.8s;animation-duration:2.8s}.gimg8{-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-duration:2.4s;animation-duration:2.4s}.gimg9{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-animation-duration:2s;animation-duration:2s}#gallery #images{width:450px;display:grid;grid-template-columns:repeat(3,150px);grid-template-rows:repeat(3,150px);border:2px solid #16ffff}#gallery #bottom-buttons{margin:0 auto;margin-bottom:40px}}#performer{text-align:center;height:100%;overflow-y:scroll}#performer video{width:100%}#performer #vcanvas1,#performer .green-screen,#performer .slider-picker,#performer .visualizer{display:none}#performer #vcanvas1,#performer .slider-picker,#performer .visualizer{width:100%}@media screen and (min-width:768px){#performer #vcanvas1,#performer .green-screen,#performer .slider-picker,#performer .visualizer{width:480px;margin:0 auto;display:block}#performer .green-screen{height:10px;background-color:#81ff00;margin-top:20px}#performer .green-screen:hover{cursor:pointer}#performer .no-mobile,#performer video{display:none}@-webkit-keyframes tiger{0%{-webkit-transform:translateX(-30vw) rotateY(180deg);transform:translateX(-30vw) rotateY(180deg)}40%{-webkit-transform:translateX(24vw) rotateY(180deg);transform:translateX(24vw) rotateY(180deg)}50%{-webkit-transform:translateX(30vw) rotateY(0deg);transform:translateX(30vw) rotateY(0deg)}90%{-webkit-transform:translateX(-24vw) rotateY(0deg);transform:translateX(-24vw) rotateY(0deg)}to{-webkit-transform:translateX(-30vw) rotateY(180deg);transform:translateX(-30vw) rotateY(180deg)}}@keyframes tiger{0%{-webkit-transform:translateX(-30vw) rotateY(180deg);transform:translateX(-30vw) rotateY(180deg)}40%{-webkit-transform:translateX(24vw) rotateY(180deg);transform:translateX(24vw) rotateY(180deg)}50%{-webkit-transform:translateX(30vw) rotateY(0deg);transform:translateX(30vw) rotateY(0deg)}90%{-webkit-transform:translateX(-24vw) rotateY(0deg);transform:translateX(-24vw) rotateY(0deg)}to{-webkit-transform:translateX(-30vw) rotateY(180deg);transform:translateX(-30vw) rotateY(180deg)}}#performer #vcanvas1{-webkit-animation:tiger 4.2s infinite;animation:tiger 4.2s infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}}body{overflow:auto}#stretch{text-align:center;position:relative}#stretch h1{color:#14ffff}#stretch .progressbar-wrapper{grid-area:progressbar;width:100%;height:100px;position:relative;margin-bottom:80px}#stretch .progressbar-wrapper div{-webkit-transition:width 1s;transition:width 1s;-webkit-transition-timing-function:linear;transition-timing-function:linear;height:80px;background-color:#14ffff;position:relative;border-radius:80px}#stretch .progressbar-wrapper div .progressbar-time{color:#f60;font-size:80px;position:absolute;right:40px;top:40px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}#stretch .status-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}#stretch .btn{margin:10px 5px}#stretch .status-wrapper p{border-radius:100px;display:inline-block;width:50%;height:80px;font-size:2em;position:relative}#stretch .status-wrapper p>span{font-size:100px;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:-110px;color:#fff700}#stretch .control-buttons-wrapper{width:100%;height:50px}#stretch .control-num-selectors-wrapper{margin-top:30px}#stretch .num-selector-wrapper{width:100px;height:100px;display:inline-block;position:relative}#stretch .num-selector-wrapper>span{position:absolute;width:100%;left:0;top:-30px;-webkit-transform:translateX(2px);transform:translateX(2px)}#stretch .total-time-wrapper .total-time-title{font-size:.8em}#stretch .total-time-wrapper .total-time-number{font-size:4.25em;color:#fff700}#stretch .back-link{margin-bottom:10px}@media screen and (min-width:768px){#stretch{width:768px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr 1fr;grid-template-rows:110px 160px 180px 100px 0 100px 80px 60px;grid-template-areas:". title ." "progressbar progressbar progressbar" ". status ." ". control-buttons ." ". control-num-selectors ." ". total-time ." ". live-clock ." ". back ."}#stretch.not-active{grid-template-rows:110px 0 0 100px 120px 100px 80px 60px}#stretch h1{grid-area:title}#stretch .progressbar-wrapper{grid-area:progressbar;height:100%}#stretch .status-wrapper{grid-area:status}#stretch .control-buttons-wrapper{grid-area:control-buttons}#stretch .control-buttons-wrapper a{position:relative;top:60px}#stretch .control-num-selectors-wrapper{grid-area:control-num-selectors;display:-webkit-box;display:-ms-flexbox;display:flex}#stretch .total-time-wrapper{grid-area:total-time}#stretch .back-link{grid-area:back}#stretch .num-selector-wrapper{width:150px;height:90px;margin-top:15px;position:relative}#stretch .num-selector-wrapper>span{position:absolute;width:100%;left:0;top:-30px;-webkit-transform:translateX(2px);transform:translateX(2px)}}#stretch .live-clock{grid-area:live-clock;font-size:2.4em}.NumberPicker__wrapper{display:inline-block;margin:0;margin-top:-15px;height:30px;line-height:30px;padding:0;border-radius:10px;background-color:#fafafa;border:0 solid #16ffff;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.05)),to(transparent));background:linear-gradient(180deg,rgba(0,0,0,.05) 0,transparent);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#12000000",endColorstr="#00000000",GradientType=0)}.NumberPicker__wrapper:after{display:block;content:"";clear:both}.NumberPicker__table{display:table}.NumberPicker__row{display:table-row}.NumberPicker__cell{display:table-cell;text-align:center;vertical-align:middle;min-width:10px;margin:0;padding:0 5px 0 10px}.NumberPicker__cell>span.digit{font-family:Roboto,Tahoma,Geneva,sans-serif;color:#16ffff;font-size:16pt}.NumberPicker__cell.decimal-separator{padding-left:0;padding-right:0}.NumberPicker__cell.decimal-separator>span.decimal-separator{font-family:Roboto,Tahoma,Geneva,sans-serif;color:#16ffff;font-weight:700;font-size:16pt}.NumberPicker__cell>span{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}.NumberPicker__cell.currency>span.currency{font-family:Roboto,Tahoma,Geneva,sans-serif;color:#16ffff;font-weight:700;font-size:16pt}.NumberPicker__cell.button.up{padding-bottom:5px}.NumberPicker__cell.button.down{padding-top:5px}.NumberPicker__cell.button>span{cursor:pointer}.NumberPicker__cell.button>span.up{position:relative;top:-10px;width:0;height:0;border-style:solid;border-width:0 5px 10px;border-color:transparent transparent #16ffff}.NumberPicker__cell.button>span.down{position:relative;top:10px;width:0;height:0;border-style:solid;border-width:10px 5px 0;border-color:#16ffff transparent transparent}#resume{z-index:0;text-align:center}#resume,#resume section{position:relative;width:100%;height:100%}#resume section iframe{height:1100px;width:100%;display:none}@media screen and (min-width:850px){#resume section{background-image:url(/loading.gif);background-position:top;background-repeat:no-repeat;background-size:100px}#resume section iframe{width:850px;display:inline}#resume section a{display:none}}
/*# sourceMappingURL=main.b58142603bcd3f6205aa6a778e8c08d8.css.map*/