html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:0.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*{-webkit-box-sizing:border-box;box-sizing:border-box}html{font-size:8}@media only screen and (min-width: 1024px){html{font-size:1rem}}@media only screen and (min-width: 2000px){html{font-size:1.1rem}}html,body{width:100%;height:100%}section{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-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;overflow-x:hidden;text-align:center}.center{padding:0 5%}.center:nth-child(odd){background-color:#ffffff}.center:nth-child(even){background-color:#efefef}@media only screen and (min-width: 1280px){.center{padding:1% 18%}}@media only screen and (min-width: 2000px){.center{padding:1% 20%}}.icon{width:100%;height:75%;-o-object-fit:contain;object-fit:contain;padding:5%}.header-bar{width:300px;height:4px;margin:0px 0 20px 0;background:#444649}.svg__path--white{stroke:#efefef;fill:#efefef}.animated.pulse{-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.nav{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:justify;-ms-flex-pack:justify;justify-content:space-between;margin:0 auto;padding:0;color:#ffffff;background-color:black;font-family:"Montserrat", "Roboto", sans-serif;font-weight:bold}.nav__item{width:100%;padding:1em;cursor:pointer;list-style:none}.nav__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around}.list__item{position:relative;display:inline-block}.list__item:before{position:absolute;bottom:0;left:0;content:"";width:100%;height:2px;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);visibility:hidden;background-color:#01d9ff;-webkit-transition:visibility 0.5s ease, -webkit-transform 0.5s ease;transition:visibility 0.5s ease, -webkit-transform 0.5s ease;-o-transition:transform 0.5s ease, visibility 0.5s ease;transition:transform 0.5s ease, visibility 0.5s ease;transition:transform 0.5s ease, visibility 0.5s ease, -webkit-transform 0.5s ease}.list__item:hover::before{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);visibility:visible}.landing{width:100%;height:100%}.landing .hero{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;-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;background:url(assets/hero.jpeg) center center no-repeat;background-attachment:fixed;background-size:cover;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.landing .hero__title{color:#2f2f2f;font-family:Staatliches, Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;font-size:4rem;letter-spacing:0.15rem;text-align:center}@media only screen and (min-width: 1280px){.landing .hero__title{font-size:5rem}}.landing .hero__message{position:relative;color:#fff;font-family:Montserrat, Verdana, Geneva, Tahoma, sans-serif;font-size:0.9rem;letter-spacing:0.15rem}@media only screen and (min-width: 1280px){.landing .hero__message{font-size:1.25rem}}.landing .hero__message::before,.landing .hero__message::after{position:absolute;top:50%;content:"";width:2rem;border-bottom:1px solid #fff}.landing .hero__message::before{left:-2.25rem}.landing .hero__message::after{right:-2.25rem}.landing .mouse{position:absolute;bottom:5%;left:50%;width:100px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.landing .mouse__icon{width:25px;height:45px;margin:0 auto;border:2px solid white;border-radius:15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.landing .mouse__icon--active{cursor:pointer}.landing .mouse__wheel{display:block;width:3px;height:6px;margin:2px auto 0;border-radius:50%;background-color:white}.landing .mouse__wheel--active{-webkit-animation:1.6s ease infinite wheel-up-down;animation:1.6s ease infinite wheel-up-down}@-webkit-keyframes wheel-up-down{0%{margin-top:2px;opacity:0}30%{opacity:1}100%{margin-top:20px;opacity:0}}@keyframes wheel-up-down{0%{margin-top:2px;opacity:0}30%{opacity:1}100%{margin-top:20px;opacity:0}}.main{width:100%}.header--primary{font-family:"Roboto", serif;color:#444649}.header--secondary{font-family:"Montserrat", "Roboto", sans-serif;font-weight:300;text-align:center}@media only screen and (min-width: 1280px){.header--secondary{border-left:5px solid #04c2c9;padding-left:30px;text-align:left}}.text--main{font-family:"Roboto", sans-serif;letter-spacing:0.05rem;line-height:1.5rem}.bulletless{list-style:none}.about__job{font-family:"Roboto", sans-serif;font-style:italic}@media only screen and (min-width: 1280px){.experience .text--main{text-align:left}}.description{padding:0}@media only screen and (min-width: 1280px){.description{padding:0 0 0 40px}}.description__item{line-height:1.75rem;margin:0.5rem 0}.languages,.frameworks,.tools{padding:0 5em}.languages__item,.frameworks__item,.tools__item{font-size:1.25rem}@media only screen and (min-width: 1024px){.languages__item,.frameworks__item,.tools__item{font-size:0.8rem}}.work{padding:0 5%}@media only screen and (min-width: 1280px){.work{padding:0}}@media only screen and (min-width: 1280px){.work__intro{text-align:left}}.work__item{margin:1.25rem 0}.contact{background-color:#ffffff;font-family:"Montserrat", "Roboto", sans-serif}.contact__item{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;-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}.contact__pane--top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-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}.contact__pane .fab{margin:5px;font-size:1.75rem;color:black}@media only screen and (min-width: 1280px){.contact__pane .fab{font-size:2.5rem}}.contact__pane .fas{margin:0 10px 0 0;font-size:2.25rem}@media only screen and (min-width: 1280px){.contact__pane .fas{font-size:1.25rem}}.contact__email{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.contact__button{border:1px solid #444649;border-radius:5px;-webkit-box-shadow:none;box-shadow:none;margin:0.5rem 0;padding:10px;background-color:aliceblue}.contact__button .contact__link{color:black;text-decoration:none}.contact__social-links{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0}.footer{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;padding:0.75em 0.5em;color:#ffffff;background-color:black;font-family:"Times New Roman", Times, serif;font-weight:lighter;font-size:0.65em}.footer__content{letter-spacing:0.05em}.grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr))}@media only screen and (min-width: 2000px){.grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr))}}@media only screen and (min-width: 1024px){.grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr))}}.grid__head{width:100%;grid-column:1/-1;text-align:center}@media only screen and (min-width: 1280px){.grid__head{text-align:left}}.card{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:85%;height:180px;margin:5px auto;padding:1em 0;text-align:center}@media only screen and (min-width: 1024px){.card{height:225px;margin:0.5rem auto}}.card--round{border-radius:10px;background-color:rgba(0,0,0,0.75);color:rgba(255,255,255,0.85);will-change:transform, opacity;-webkit-transition:opacity 0.5s ease, -webkit-transform 0.5s ease, -webkit-box-shadow 0.5s ease;transition:opacity 0.5s ease, -webkit-transform 0.5s ease, -webkit-box-shadow 0.5s ease;-o-transition:transform 0.5s ease, opacity 0.5s ease, box-shadow 0.5s ease;transition:transform 0.5s ease, opacity 0.5s ease, box-shadow 0.5s ease;transition:transform 0.5s ease, opacity 0.5s ease, box-shadow 0.5s ease, -webkit-transform 0.5s ease, -webkit-box-shadow 0.5s ease}.card--round:hover{opacity:0.95;-webkit-transform:scale3d(1.05, 1.05, 1);transform:scale3d(1.05, 1.05, 1);-webkit-box-shadow:0 15px 30px 0 rgba(0,0,0,0.35);box-shadow:0 15px 30px 0 rgba(0,0,0,0.35)}.card--block{width:80%;height:150px;background-color:rgba(255,255,255,0.85)}@media only screen and (min-width: 1280px){.card--block{width:60%;height:auto}}.modal__link{display:inline-block;color:#444649;text-decoration:underline;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0.2rem auto}.lightbox{display:none}.lightbox.active{display:block;position:fixed;left:0;top:0;width:100%;height:100%;z-index:998}.lightbox__arrow{position:absolute;top:50%;-webkit-transform:translateY(-25%);-ms-transform:translateY(-25%);transform:translateY(-25%);color:white;font-size:2rem;padding:5px;z-index:999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.lightbox__arrow--left{left:5%}.lightbox__arrow--right{right:5%}.lightbox__arrow.disable{opacity:0;cursor:initial}.lightbox__background{position:absolute;z-index:inherit;width:100%;height:100%;background:rgba(0,0,0,0.75)}.lightbox__content{position:absolute;left:12.5%;top:10%;z-index:999;display:-webkit-box;display:-ms-flexbox;display:flex;height:80%;width:75%;pointer-events:none}.close{position:absolute;right:0;top:0;z-index:999;width:42px;height:42px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.close .line-top,.close .line-bot{position:absolute;right:20px;width:2px;height:34px;overflow:hidden;background-color:white}.close .line-top{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);top:4px}.close .line-bot{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);bottom:4px}.carousel{position:absolute;width:100%;height:100%;border-radius:5px}.carousel .slide{position:absolute;width:100%;height:100%;opacity:0;-o-object-fit:contain;object-fit:contain;-o-object-position:center center;object-position:center center}.carousel .slide.active{opacity:1}