@import url(https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700,900);
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:initial;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:initial}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:initial}sub{bottom:-.25em}sup{top:-.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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:initial}textarea{overflow:auto}[type=checkbox],[type=radio]{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}[hidden],template{display:none}*{margin:0;padding:0;box-sizing:border-box;-webkit-appearance:none}html{font-family:Roboto,sans-serif;font-size:62.5%}@media only screen and (max-width:600px){html{font-size:59%}}.container{width:calc(100% - 8rem);max-width:120rem;margin:0 auto}@media only screen and (max-width:600px){.container{width:calc(100% - 3rem)}}.page-grid{display:grid;grid-template-columns:[flush-start] minmax(4rem,1fr) [container-start] repeat(12,[col-start] minmax(-webkit-min-content,10rem) [col-end]) [container-end] minmax(4rem,1fr) [flush-end];grid-template-columns:[flush-start] minmax(4rem,1fr) [container-start] repeat(12,[col-start] minmax(min-content,10rem) [col-end]) [container-end] minmax(4rem,1fr) [flush-end];grid-template-rows:65vh}@media only screen and (max-height:750px){.page-grid{grid-template-rows:100vh}}@media only screen and (max-width:600px){.page-grid{grid-template-columns:[flush-start] minmax(1.5rem,1fr) [container-start] repeat(12,[col-start] minmax(-webkit-min-content,12.5rem) [col-end]) [container-end] minmax(1.5rem,1fr) [flush-end];grid-template-columns:[flush-start] minmax(1.5rem,1fr) [container-start] repeat(12,[col-start] minmax(min-content,12.5rem) [col-end]) [container-end] minmax(1.5rem,1fr) [flush-end]}}body{font-size:1.6rem;color:#646f79}.heading{color:#353a47;font-size:3rem;margin-bottom:4rem}.heading-secondary{color:#2a4660;font-size:2.4rem;margin-bottom:2rem}p{line-height:2.4rem}span.highlight{color:#4497e2;font-weight:500}.link{color:#4497e2;text-decoration:none}.link i{margin-right:.5rem}.link--bold{font-weight:500}.link--inactive{pointer-events:none;color:rgba(68,151,226,.5)}.small-section-title{color:#2a4660;font-size:1.8rem;margin-bottom:1.5rem;font-weight:600}.footer{grid-column:flush-start/flush-end;padding-bottom:3rem;background:#4497e2}.footer .container{text-align:center;color:#fff}.footer .container h1 small{font-size:1.4rem;font-weight:400}.footer__actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(-webkit-min-content,7rem));grid-template-columns:repeat(auto-fit,minmax(min-content,7rem));grid-column-gap:1rem;grid-row-gap:3rem;width:100%;-webkit-justify-content:center;justify-content:center;margin-top:8rem}.footer__actions .action{color:hsla(0,0%,100%,.6)}.footer__actions .action:hover{color:#fff}.action{color:inherit;text-decoration:none;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;text-align:center;transition:.15s ease-in-out;-webkit-transform:translateY(0);transform:translateY(0)}.action:hover{-webkit-transform:translateY(-1rem);transform:translateY(-1rem)}.action i{font-size:2rem}.action span{margin-top:1rem;font-size:1.8rem;font-weight:300}@-webkit-keyframes fadeSlideInPure{0%{-webkit-transform:translateY(4rem);transform:translateY(4rem);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fadeSlideInPure{0%{-webkit-transform:translateY(4rem);transform:translateY(4rem);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes fadeSlideOutPure{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(4rem);transform:translateY(4rem);opacity:0}}@keyframes fadeSlideOutPure{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(4rem);transform:translateY(4rem);opacity:0}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.modal-container{padding-top:6rem;background:rgba(0,0,0,.45);position:fixed;top:0;left:0;width:100vw;height:100vh;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:flex-start;align-items:flex-start;-webkit-animation:fadeIn .15s ease forwards;animation:fadeIn .15s ease forwards}.modal-container--animate-out{-webkit-animation:fadeOut .15s ease forwards;animation:fadeOut .15s ease forwards}.modal-container .modal{background:#fff;border-radius:5px;box-shadow:0 1rem 1.5rem rgba(0,0,0,.3);width:40rem;max-width:90%;-webkit-animation:fadeSlideInPure .15s ease forwards;animation:fadeSlideInPure .15s ease forwards}.modal-container .modal--animate-out{-webkit-animation:fadeSlideOutPure .15s ease forwards;animation:fadeSlideOutPure .15s ease forwards}.modal-container .modal__actions,.modal-container .modal__body,.modal-container .modal__title{padding:1.3rem}.modal-container .modal__body,.modal-container .modal__title{border-bottom:1px solid #e2e2e2}.modal-container .modal__title{color:#000;text-align:center}.modal-container .modal__title p{margin:0}.modal-container .modal__body{font-size:1.4rem;font-weight:400;color:#000}.modal-container .modal__actions{display:grid;grid-column-gap:1.3rem;grid-template-columns:repeat(auto-fit,minmax(-webkit-min-content,14rem));grid-template-columns:repeat(auto-fit,minmax(min-content,14rem));-webkit-justify-content:end;justify-content:end}.my-email{text-align:center;padding:4rem}.header{grid-column:flush-start/flush-end;height:100%;background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.8)),url(/static/media/header_background.36f50b34.jpg);background-size:cover;background-position:50%;box-shadow:0 1rem 2rem rgba(0,0,0,.2);color:#fff;position:relative}.header .container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;height:100%}.header__nav{position:absolute;top:2rem;left:0;width:100%;height:5rem}.header__nav .container{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-direction:row;flex-direction:row}@media only screen and (max-width:750px){.header__nav .container{-webkit-justify-content:center;justify-content:center}}.header__nav .container h1{font-size:2.5rem}.header__nav .container h1 span{font-weight:300}.header__nav .container .nav-links{display:-webkit-flex;display:flex;list-style:none}@media only screen and (max-width:750px){.header__nav .container .nav-links{display:none}}.header__nav .container .nav-links li:not(:last-child){margin-right:3rem}.header__nav .container .nav-links li a{color:#fff;text-decoration:none}.header__name-tag h1{font-size:4rem;margin-bottom:1rem}@media only screen and (max-width:1000px){.header__name-tag h1{font-size:3rem}}.header__name-tag p{font-size:2rem;font-weight:300;line-height:2.5rem}.header__actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(-webkit-min-content,7rem));grid-template-columns:repeat(auto-fit,minmax(min-content,7rem));grid-column-gap:1rem;grid-row-gap:3rem;width:100%;-webkit-justify-content:center;justify-content:center;margin-top:8rem}.about-me{grid-column:flush-start/flush-end;background:#f9fcff;padding:10rem 0;border-bottom:1px solid #b9b9fc}.about-me .container{display:grid;grid-template-columns:minmax(-webkit-min-content,30rem) 1fr;grid-template-columns:minmax(min-content,30rem) 1fr;grid-gap:3rem}@media only screen and (max-width:750px){.about-me .container{grid-template-columns:1fr}}.about-me .container .col-1{position:relative;padding:8rem 0}@media only screen and (max-width:750px){.about-me .container .col-1{padding:2rem 0}}.about-me .container .col-1:after{content:"";position:absolute;width:5px;background:#e9e9e9;right:0;top:0;height:100%;box-shadow:.6rem 0 1rem rgba(0,0,0,.15)}@media only screen and (max-width:750px){.about-me .container .col-1:after{display:none}}.about-me .container .col-2{padding:8rem 0}@media only screen and (max-width:750px){.about-me .container .col-2{padding:2rem 0}}ol{padding-left:2rem}ol li{padding:.5rem;position:relative;cursor:default}ol li.active{color:#4497e2;cursor:auto}ol li.active:after{background:#4497e2}ol li:after{content:"";z-index:2;position:absolute;right:0;top:0;height:100%;width:5px;background:none}@media only screen and (max-width:750px){ol li:after{display:none}}ol li:not(:last-child){margin-bottom:2rem}@media only screen and (max-width:750px){ol li:not(:last-child){margin-bottom:0}}ol li:not(.active):hover{color:rgba(68,151,226,.5)}ol li:not(.active):hover:after{background:rgba(68,151,226,.5)}.work{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:4rem;grid-row-gap:5rem}@media only screen and (max-width:850px){.work{grid-template-columns:1fr}}@-webkit-keyframes animateIn{0%{-webkit-transform:translateY(-5rem);transform:translateY(-5rem);opacity:0;pointer-events:none}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;pointer-events:all}}@keyframes animateIn{0%{-webkit-transform:translateY(-5rem);transform:translateY(-5rem);opacity:0;pointer-events:none}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;pointer-events:all}}@-webkit-keyframes animateOut{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;pointer-events:all}to{-webkit-transform:translateY(-5rem);transform:translateY(-5rem);opacity:0;pointer-events:none}}@keyframes animateOut{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;pointer-events:all}to{-webkit-transform:translateY(-5rem);transform:translateY(-5rem);opacity:0;pointer-events:none}}.about-me-item{-webkit-animation:animateIn .5s ease-in-out forwards;animation:animateIn .5s ease-in-out forwards}.projects{grid-column:container-start/col-end 8;padding:5rem 0}@media only screen and (max-width:750px){.projects{grid-column:container-start/container-end}}.projects__grid{display:grid;grid-row-gap:10rem}.projects hr{border:none;border-bottom:1px solid #b9b9fc}.project{display:grid;grid-template-columns:30rem 1fr;grid-gap:8rem}@media only screen and (max-width:750px){.project{grid-template-columns:1fr}}.project .col-2{display:grid;grid-row-gap:3rem}.project__display{margin-bottom:5rem}.project__display__poster{height:20rem;overflow:hidden;margin-bottom:1.5rem;box-shadow:0 .8rem 1rem rgba(0,0,0,.3)}.project__display__poster img{width:100%;height:100%;object-fit:cover;object-position:center}.project__display__actions{display:-webkit-flex;display:flex}.project__display__actions a:not(:last-child){margin-right:2.5rem}.project__technologies__list{display:grid;list-style:none;grid-template-columns:repeat(2,1fr);grid-row-gap:1.5rem}.project__technologies__list--no-grid{grid-template-columns:1fr}.project__technologies__list li{display:-webkit-flex;display:flex}.project__technologies__list li i{font-size:1rem;margin-right:.5rem;color:#4497e2;line-height:2rem}.aside{font-size:1.4rem;margin-top:2rem;line-height:1.9rem;color:#1f2024;font-weight:500}.technology{grid-column:flush-start/flush-end;border-top:1px solid #b9b9fc;padding:5rem 0}.technology__grid{display:grid;grid-row-gap:2rem;grid-template-columns:auto auto}@media only screen and (max-width:750px){.technology__grid{display:block}}.technology .container .col-1{margin-bottom:5rem}@media only screen and (max-width:750px){.technology .container .col-1{padding:2rem 0}}.technology .container .col-2{margin-bottom:5rem}@media only screen and (max-width:750px){.technology .container .col-2{padding:2rem 0}}.technology .container i{font-size:10rem;padding:0 1rem;transition:all .1s ease-in-out}@media only screen and (max-width:750px){.technology .container i{font-size:8rem}}.technology .container i:hover{z-index:1;-webkit-transform:scale(1.1);transform:scale(1.1)}.technology .container .heading-secondary{margin-bottom:4rem}.technology .container img{width:10rem;margin:0 1rem -10px}@media only screen and (max-width:750px){.technology .container img{width:8rem;margin:0 0 -10px}}
/*# sourceMappingURL=main.e08257d4.chunk.css.map */