@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700|Oswald:300,700);
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html{width:100%;height:100%}body{width:100%;margin:0}*{box-sizing:border-box}.position-absolute{position:absolute}.site-nav{z-index:11;position:fixed;top:0;left:0;display:flex;flex-wrap:nowrap;justify-content:space-around;width:100%;padding:0 10%;background:rgba(0,0,0,.3);background:linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.35));border-top:2px solid #f4f5fb;border-bottom:2px solid #f4f5fb;box-shadow:0 0 1rem rgba(0,0,0,.4)}.site-nav__link{flex:1 0;padding:1rem;color:#f4f5fb;font-family:"Oswald",Helvetica,sans-serif;font-size:2rem;font-weight:300;text-decoration:none;text-align:center;text-transform:uppercase;transition:250ms all}.site-nav__link.active{color:#ea80fc}.site-nav__link:hover,.site-nav__link:focus{color:#ea80fc;background:rgba(0,0,0,.6)}.site-nav__link:focus{outline-color:#ea80fc}.section,.section--dark,.section--light{position:relative;display:flex;flex-direction:column;justify-content:center;width:100%;height:100vh;padding:0;margin:0;overflow:hidden}.section--light{color:#212121;background:#dde0f2;background:radial-gradient(at 50% 60%, #f4f5fb, #c5cae9)}.section--dark{color:#f4f5fb;background:#371865;background:radial-gradient(farthest-corner at 50% 60%, #6a1b9a, #041530)}.section__inner-content{z-index:2;flex:0 0;position:relative;width:94%;padding:5rem 0 7rem;margin:0 auto}@media(min-width: 600px){.section__inner-content{width:580px}}@media(min-width: 900px){.section__inner-content{width:870px}}@media(min-width: 1200px){.section__inner-content{width:1160px}}@media(min-width: 1800px){.section__inner-content{width:1740px}}.section-heading{padding:3.5rem 0;font-family:"Oswald",Helvetica,sans-serif;font-size:7.5rem;line-height:1.1;font-weight:900;text-transform:uppercase;letter-spacing:.2rem;text-align:center;white-space:nowrap}.webgl-scene{position:absolute;left:0;top:0}.scrollable-overlays__normal-flow{height:100vh;overflow:auto}.overlay-active .scrollable-overlays__normal-flow{overflow:hidden}.scrollable-overlays__overlay-container{pointer-events:none;z-index:100;position:fixed;left:0;top:0;width:100%;height:100%;overflow-y:scroll;background:rgba(0,0,0,.7);opacity:0;transition:opacity 300ms}.overlay-active .scrollable-overlays__overlay-container{pointer-events:all;opacity:1;transition:opacity 600ms}.letterboxed-image{position:relative;overflow:hidden}.letterboxed-image:before,.letterboxed-image:after{content:"";z-index:3;position:absolute;left:0;top:0;width:100%;height:100%}.letterboxed-image:before{box-shadow:inset 0 1.5rem 2.5rem -1.5rem rgba(4,21,48,.2)}.letterboxed-image:after{box-shadow:inset 0 -1.5rem 2.5rem -1.5rem rgba(4,21,48,.2)}.letterboxed-image__fit,.letterboxed-image__fill{position:absolute;background-position:center center;background-repeat:no-repeat}.letterboxed-image__fit{z-index:2;left:0;top:0;width:100%;height:100%;background-size:contain}.letterboxed-image__fill{z-index:1;left:-5%;top:-5%;width:110%;height:110%;background-size:cover;filter:blur(0.15rem);opacity:.5}.intro-title{margin:0;padding:0}.intro-title__svg{z-index:3;position:absolute;left:50%;top:40%;width:80%;height:60%;transform:translate(-50%, -50%)}.intro-title__svg #textName{font-family:"Oswald",Helvetica,sans-serif;font-size:120px;font-weight:700;text-transform:uppercase}.intro-title__svg #textTitle{font-family:"Oswald",Helvetica,sans-serif;font-size:36px;font-weight:300;letter-spacing:5px;word-spacing:25px}#about .section-heading{color:#d81b60;text-shadow:0 0 2rem #f48fb1}#about .section__inner-content{padding-top:8rem;padding-bottom:4rem;font-size:1rem}@media(min-width: 600px){#about .section__inner-content{padding-left:0rem}}@media(min-width: 900px){#about .section__inner-content{width:65%;padding-top:12rem;padding-bottom:8rem;padding-right:2.5rem;margin-left:auto;margin-right:0}}@media(min-width: 1200px){#about .section__inner-content{padding-right:7.5rem}}@media(min-width: 1800px){#about .section__inner-content{padding-right:10rem}}#about .about-content{padding:0 0 2em;margin:0;font-family:"Open Sans",serif;font-size:2em;font-weight:400;line-height:1.4}#about .about-content a{color:inherit;text-decoration:none;border-bottom:.25rem solid #212121;transition:color 200ms,border 200ms}#about .about-content a:hover,#about .about-content a:focus{color:#ba68c8;border-bottom:.25rem solid #ba68c8}.profile-headshot{z-index:1;position:absolute;left:0;bottom:0;display:none;width:40%;max-width:50vh;filter:drop-shadow(6px -6px 36px rgba(159, 168, 218, 0.54));opacity:.84}@media(min-width: 900px){.profile-headshot{display:block}}#quotes{height:auto;min-height:100vh}@media(min-width: 600px){#quotes{height:100vh}}#quotes .section-heading{color:#f4f5fb;text-shadow:0 0 2rem #8e24aa}#quotes .section__inner-content{padding-bottom:1rem;font-size:1rem}@media(min-width: 600px){#quotes .section__inner-content{padding-left:1rem;padding-right:1rem}}@media(min-width: 900px){#quotes .section__inner-content{padding-left:2.5rem;padding-right:2.5rem}}@media(min-width: 1200px){#quotes .section__inner-content{padding-left:7.5rem;padding-right:7.5rem}}@media(min-width: 1800px){#quotes .section__inner-content{padding-left:10rem;padding-right:10rem}}.quote-block{padding:0 0 6em}@media(min-width: 600px){.quote-block{padding:0}}.quote-block__content{padding:0 0 1em;font-family:"Open Sans",serif;font-size:2.4em;font-weight:700;line-height:1.3}.quote-block__content:before,.quote-block__content:after{position:relative;display:inline-block;width:0;height:0;margin-top:-7em;font-weight:700;font-size:7em;opacity:.3}.quote-block__content:before{content:"“";left:-0.28em;top:.41em}.quote-block__content:after{content:"”";left:-0.12em;top:.58em}.quote-block__name,.quote-block__role{padding:0 0 .6em;color:#e1bee7;font-family:"Open Sans",serif;line-height:.9;text-align:right}.quote-block__name{font-size:3.2em;font-weight:700}.quote-block__name:before{content:"—"}.quote-block__role{font-size:1.8em;font-weight:400}.rotating-content__container{position:relative}@media(min-width: 600px){.rotating-content__container.interaction-enabled .rotating-content__previous-button,.rotating-content__container.interaction-enabled .rotating-content__next-button{display:block}}@media(min-width: 600px){.rotating-content__item{position:absolute;top:0;opacity:0;transition:opacity 400ms}.rotating-content__item.active{opacity:1;transition-delay:400ms}.rotating-content__item.default{position:relative;opacity:1}}.rotating-content__previous-button,.rotating-content__next-button{cursor:pointer;position:absolute;bottom:-8rem;display:none;width:4rem;height:4rem;font:0/0 a;color:rgba(0,0,0,0);background:rgba(0,0,0,.15);border:none;border-radius:.5rem;transform:translateY(-50%);transition:all 200ms}.rotating-content__previous-button:hover,.rotating-content__previous-button:focus,.rotating-content__next-button:hover,.rotating-content__next-button:focus{background:rgba(0,0,0,.6)}.rotating-content__previous-button:after,.rotating-content__next-button:after{display:block;width:100%;height:100%;color:#f4f5fb;font-family:sans-serif;font-size:2rem;text-align:center;line-height:4rem}.rotating-content__previous-button{left:0}.rotating-content__previous-button:after{content:"❮"}.rotating-content__next-button{right:0}.rotating-content__next-button:after{content:"❯"}#work{height:auto;min-height:100vh}#work .section-heading{color:#039be5;text-shadow:0 0 2rem #81d4fa}.portfolio-list__container{display:grid;grid-template-columns:repeat(auto-fill, minmax(80vw, 1fr));justify-items:center;justify-content:space-around;gap:1rem}@media(min-width: 600px){.portfolio-list__container{grid-template-columns:repeat(auto-fill, minmax(260px, 1fr));gap:1.5rem}}@media(min-width: 900px){.portfolio-list__container{grid-template-columns:repeat(auto-fill, minmax(240px, 1fr));gap:1.75rem}}@media(min-width: 1200px){.portfolio-list__container{grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));gap:2.25rem}}.portfolio-list__item{cursor:pointer;flex:0 0 80vw;width:80vw;height:60vw;position:relative;margin:0 0 1rem;overflow:hidden;text-decoration:none;border-radius:.5rem;box-shadow:0 .2rem .8rem rgba(19,86,146,.35);transition:all 300ms;transform:translateZ(0)}@media(min-width: 600px){.portfolio-list__item{width:260px;height:195px}}@media(min-width: 900px){.portfolio-list__item{width:240px;height:180px}}@media(min-width: 1200px){.portfolio-list__item{width:320px;height:240px}}.portfolio-list__item:hover,.portfolio-list__item:focus{transform:translateY(-0.3rem);box-shadow:0 .5rem 1.8rem rgba(19,86,146,.27)}.portfolio-list__item:hover .portfolio-list__title,.portfolio-list__item:focus .portfolio-list__title{opacity:1}.portfolio-list__item:focus{outline-color:#ea80fc}.portfolio-list__thumbnail{position:relative;width:100%;height:100%;background:#041530 center center no-repeat;background-size:contain}.portfolio-list__thumbnail:before,.portfolio-list__thumbnail:after{content:"";z-index:3;position:absolute;left:0;top:0;width:100%;height:100%}.portfolio-list__thumbnail:before{box-shadow:inset 0 1.5rem 2.5rem -1.5rem rgba(4,21,48,.2)}.portfolio-list__thumbnail:after{box-shadow:inset 0 -1.5rem 2.5rem -1.5rem rgba(4,21,48,.2)}.portfolio-list__title{z-index:5;position:absolute;left:0;top:0;width:100%;height:100%;padding:.75rem .75rem;color:#f4f5fb;font-family:"Oswald",Helvetica,sans-serif;font-size:1.6rem;font-weight:300;line-height:1.2;text-shadow:.1rem .1rem .3rem rgba(19,86,146,.7);background:rgba(33,150,243,.85);background:linear-gradient(rgba(33, 150, 243, 0.85), rgba(33, 150, 243, 0.3));opacity:0;transition:opacity 300ms}@media(min-width: 600px){.portfolio-list__title{padding:1rem .75rem;font-size:2rem}}@media(min-width: 900px){.portfolio-list__title{padding:1rem 1rem;font-size:2.4rem}}@media(min-width: 1200px){.portfolio-list__title{padding:1.5rem 1.25rem;font-size:2.8rem}}.portfolio-details{padding:2rem 0;background:rgba(4,21,48,.8)}.portfolio-details__container{position:relative;display:none;width:94%;padding:0;margin:0 auto;overflow:hidden;background:#f4f5fb;box-shadow:0 .1rem 1rem rgba(4,21,48,.6);border-radius:.75rem}@media(min-width: 600px){.portfolio-details__container{width:560px}}@media(min-width: 900px){.portfolio-details__container{width:800px}}@media(min-width: 1200px){.portfolio-details__container{width:1000px}}@media(min-width: 1800px){.portfolio-details__container{width:1400px}}.portfolio-details__container.active{display:block}.portfolio-details__title{padding:1rem 5.2rem 1rem 1.5rem;margin:0;color:#f4f5fb;font-size:2.2rem;font-family:"Oswald",Helvetica,sans-serif;font-weight:300;line-height:1;text-shadow:.1rem .1rem .3rem rgba(19,86,146,.5);background:#2196f3}@media(min-width: 600px){.portfolio-details__title{font-size:2.6rem}}@media(min-width: 900px){.portfolio-details__title{font-size:3.2rem}}.portfolio-details__close-button{cursor:pointer;z-index:10;position:absolute;right:0;top:0;width:5.2rem;height:5.2rem;color:#f4f5fb;font-size:5.2rem;font-family:"Oswald",Helvetica,sans-serif;font-weight:300;line-height:4.7rem;text-align:center;text-decoration:none;text-shadow:.1rem .1rem .3rem rgba(19,86,146,.5);background:rgba(0,0,0,0);transition:background 200ms;outline:none}.portfolio-details__close-button:hover,.portfolio-details__close-button:focus{background:rgba(0,0,0,.6)}.portfolio-details__screenshot{background:#041530;height:37.6vw}@media(min-width: 600px){.portfolio-details__screenshot{height:224px}}@media(min-width: 900px){.portfolio-details__screenshot{height:320px}}@media(min-width: 1200px){.portfolio-details__screenshot{height:400px}}@media(min-width: 1800px){.portfolio-details__screenshot{height:560px}}.portfolio-details__information{max-width:1200px;padding:1.5rem 1.5rem 1.5rem;margin:0 auto;font-size:1.2rem;font-family:"Open Sans",serif;font-weight:400}@media(min-width: 900px){.portfolio-details__information{padding-left:2rem;padding-right:2rem}}@media(min-width: 1200px){.portfolio-details__information{padding-left:6rem;padding-right:6rem}}@media(min-width: 1800px){.portfolio-details__information{padding-left:12rem;padding-right:12rem}}.portfolio-details__description{padding:0 0 1.5rem;line-height:1.4}.portfolio-details__notification,.portfolio-details__notification--information,.portfolio-details__notification--warning{position:relative;padding:.75rem 1rem .75rem 3rem;margin:0 0 1.5rem;line-height:1.4;background:#bbdefb;border-radius:.75rem;box-shadow:inset 0 0 1rem rgba(100,181,246,.4)}@media(min-width: 600px){.portfolio-details__notification,.portfolio-details__notification--information,.portfolio-details__notification--warning{padding-left:4rem}}.portfolio-details__notification .icon,.portfolio-details__notification--information .icon,.portfolio-details__notification--warning .icon{position:absolute;left:1.6rem;top:1.8rem;width:1.5rem;height:1.5rem;transform:translate(-50%, -50%);fill:#041530}@media(min-width: 600px){.portfolio-details__notification .icon,.portfolio-details__notification--information .icon,.portfolio-details__notification--warning .icon{left:2.2rem;top:2.2rem;width:2rem;height:2rem}}.portfolio-details__notification strong,.portfolio-details__notification--information strong,.portfolio-details__notification--warning strong{font-weight:700}.portfolio-details__link{position:relative;display:inline-block;padding:.75rem 1rem .75rem 2.5rem;margin:.5rem 1.5rem 1rem 0;color:#f4f5fb;font-family:"Oswald",Helvetica,sans-serif;font-size:1.2rem;font-weight:300;text-decoration:none;letter-spacing:.05rem;text-shadow:.1rem .1rem .15rem rgba(19,86,146,.2);background:#2196f3;border-radius:.3rem;box-shadow:.1rem .1rem .15rem rgba(19,86,146,.2);transition:all 200ms}.portfolio-details__link:hover,.portfolio-details__link:focus{background:#8bc6f7;transform:translateY(-0.06rem);box-shadow:.1em .1em .4em rgba(19,86,146,.5)}.portfolio-details__link:focus{outline-color:#ea80fc}.portfolio-details__link .icon{position:absolute;left:1.5rem;top:50%;width:1.2rem;height:1.2rem;transform:translate(-50%, -50%);fill:#f4f5fb;filter:drop-shadow(0.1rem 0.1rem 0.15rem rgba(19, 86, 146, 0.2))}#contact .section-heading{color:#f4f5fb;text-shadow:0 0 2rem #8e24aa}.contact-details{padding:1.2rem 0;margin:0;font-family:"Open Sans",serif;font-size:4rem;font-weight:400;line-height:1.4;text-align:center;white-space:nowrap}.contact-details a{color:inherit;text-decoration:none;transition:color 200ms,text-shadow 200ms}.contact-details a:hover,.contact-details a:focus{color:#ba68c8;text-shadow:0 0 .6rem #250a46}.contact-links__container{display:flex;flex-wrap:wrap;justify-content:center;padding:2rem 0}.contact-links__logo{width:2.5rem;height:2.5rem;transition:all 300ms;fill:#f4f5fb}@media(min-width: 600px){.contact-links__logo{width:3.25rem;height:3.25rem}}@media(min-width: 900px){.contact-links__logo{width:4rem;height:4rem}}@media(min-width: 1200px){.contact-links__logo{width:5rem;height:5rem}}.contact-links__link{flex:0 0;text-decoration:none;padding:1rem;margin:0 .5rem}@media(min-width: 600px){.contact-links__link{margin:0 1rem}}@media(min-width: 900px){.contact-links__link{margin:0 1.5rem}}.contact-links__link:hover .contact-links__logo,.contact-links__link:focus .contact-links__logo{transform:scale(1.2);fill:#ea80fc}