@import url(https://fonts.googleapis.com/css2?family=Teko:wght@300&family=Roboto+Flex:opsz,wght@8..144,200;8..144,300;8..144,400;8..144,500;8..144,700&display=swap);
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{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;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:.35em .75em .625em}legend{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]{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}*{box-sizing:border-box}::selection{background-color:#0a2463}html{font-size:16px;color:#f1f5f7;background-color:#0a2463;overflow:auto;overflow-x:hidden}@media(min-width: 570px){html{font-size:18px}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;overflow:auto;overflow-x:hidden}@media(min-width: 570px){body{font-size:18px}}body p,body figcaption{font-family:"Roboto Flex",sans-serif;font-weight:300;line-height:1.5}body h1,body h2,body h3,body h4,body h5,body h6{font-family:"Teko","Verdana","Arial",sans-serif;font-weight:bold;text-transform:uppercase;letter-spacing:1px}body img{width:100%}body a{text-decoration:none;font-family:"Roboto Flex",sans-serif}body ul{list-style-type:none;font-family:"Roboto Flex",sans-serif}body figure{margin:0}body input,body textarea,body label{font-family:"Roboto Flex",sans-serif;color:#f1f5f7}body input[type=text],body textarea{color:#f1f5f7;background-color:rgba(0,0,0,.5)}body .page-header-spacer{padding-top:4rem}.totally-hidden{visibility:hidden;display:none}.footer{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:3rem 1rem;color:#f1f5f7;background-color:#0a2463}.footer__text-container{padding:0 0 2rem 0;text-align:center;color:#dafac0;font-weight:700}.footer__icon-container__icon{color:#c0e7a0;transition:all .2s ease-out}.footer__icon-container__icon:hover{transform:scale(1.1);filter:drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.7))}.footer__icon-container__icon:active{transform:scale(1);filter:none}.footer__icon-container .center-icon{margin:0 2rem}.wrapper{padding-left:18px;padding-right:18px;margin-left:auto;margin-right:auto}@media(min-width: 570px){.wrapper{padding-left:30px;padding-right:30px}}@media(min-width: 960px){.wrapper{max-width:800px}}@media(min-width: 1010px){.wrapper{max-width:1000px}}@media(min-width: 1150px){.wrapper{max-width:1100px}}@media(min-width: 1600px){.wrapper{max-width:1300px}}.wrapper--thanks{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%)}@media(min-width: 570px){.page-section{padding:2rem 2rem}}@media(min-width: 1010px){.page-section{padding:2rem 2rem}}.page-section--contact{padding-top:0}.page-header{position:relative;margin-top:56px;margin-bottom:1.5rem;width:100%;overflow:hidden;background:#0a2463;height:77px}.page-header--about{border-bottom:none}@media(min-width: 570px){.page-header{height:177px;margin-top:8px px}}.page-header__image-container{position:absolute;top:0;bottom:0;width:100%;height:100%;z-index:1}.page-header__image-container img{height:100%}.page-header__content{width:100%;color:#fff;text-shadow:2px 2px #333}.page-header__content__h1{position:absolute;bottom:0;margin:0;font-size:2.6rem;text-shadow:1px 1px #333;color:#f9fdff;z-index:4}@media(min-width: 570px){.page-header__content__h1{font-size:3rem}}@media(min-width: 1010px){.page-header__content__h1{font-size:4rem}}@media(min-width: 1600px){.page-header__content__h1{font-size:5rem}}.page-header__secondary-nav-container{width:100%}@media(min-width: 570px){.page-header__secondary-nav-container{width:80%}}@media(min-width: 960px){.page-header__secondary-nav-container{width:60%}}@media(min-width: 1010px){.page-header__secondary-nav-container{width:50%}}.button{border:none;border-radius:.5rem;padding:1rem 1.8rem;margin-bottom:10px;background-color:#c0e7a0;color:#0a2463;cursor:pointer;letter-spacing:.1rem;font-family:"Roboto Flex",sans-serif;transition:all .3s ease-out}.button:hover{transform:scale(1.005);background-color:#dafac0;box-shadow:0 1px 1px rgba(0,0,0,.08),0 2px 2px rgba(0,0,0,.12),0 4px 4px rgba(0,0,0,.16),0 8px 8px rgba(0,0,0,.2);border:none}.button:active{box-shadow:none;transform:scale(1);background-color:#dafac0}.button--spacer{margin:.5rem .5rem 1.5rem .5rem}.button--outlined{transform:scale(1);background-color:rgba(0,0,0,0);border:2px solid #0a2463;color:#0a2463}.button--outlined:hover{transform:scale(1.04);box-shadow:none;background-color:rgba(0,0,0,0);border:2px solid #284a9b;color:#284a9b}.button--outlined:active{box-shadow:none;transform:scale(1);background-color:rgba(0,0,0,0);border:2px solid #284a9b}.button--hero-content{padding:1rem 0}.button--about{background-color:#69a13b}.button--about a{color:#f1f5f7}.button--about:hover{transform:scale(1.08);opacity:.8}.button--contact-form{align-self:flex-start;width:200px;margin-left:1rem;text-align:center;color:#f1f5f7;background-color:#333;opacity:.5;transition:all .6s ease-out}.button--contact-form--is-validated{background-color:#69a13b;opacity:1;cursor:pointer;transition:all .3s ease-out}.button--contact-form:hover{background-color:#333}.button--thank-you{display:block;margin:3rem auto 3rem auto;transition:opacity .4s ease-out}.button--thank-you a{color:#f1f5f7}.primary-nav{display:flex}.primary-nav ul{display:none}@media(min-width: 960px){.primary-nav ul{display:flex;align-items:center}}.primary-nav ul li{margin-left:2rem}.primary-nav ul li a{position:relative;color:#f9fdff;font-family:"Teko","Verdana","Arial",sans-serif;font-size:1.5rem}.primary-nav ul li a:hover::before{visibility:visible;transform:scaleX(1)}.primary-nav ul li a:active::before{visibility:visible;transform:scaleX(1)}.primary-nav ul li a::before{content:"";height:100%;width:100%;position:absolute;top:-2px;border-bottom:4px solid #dafac0;visibility:hidden;transform:scaleX(0);transition:all .3s ease-out}.site-header{position:absolute;position:fixed;width:100%;top:0;z-index:6;box-shadow:6px 0 10px rgba(0,0,0,0);transition:all .5s ease-out;max-height:56px}@media(min-width: 1010px){.site-header{max-height:68px}}.site-header__container{display:flex;justify-content:space-between}.site-header__brand{display:flex;align-items:center;cursor:pointer}.site-header__brand a{font-family:"Roboto Flex",sans-serif;font-size:1rem;color:#cbecff}.site-header__brand__logo{max-width:50px;margin:.5rem .75em .5rem 0;filter:drop-shadow(-5px 5px 6px rgba(22, 26, 49, 0.25))}@media(min-width: 570px){.site-header__brand__logo{max-width:60px;margin:.5rem .75em .5rem 0}}.site-header__brand__text{width:60%}@media(min-width: 570px){.site-header__brand__text{width:100%}}.site-header__brand__text-name{text-shadow:1px 1px #333}.site-header__brand__text p{margin:0;color:#cbecff;font-family:"Roboto Flex",sans-serif;font-size:.75rem;text-shadow:1px 1px #333;display:none}@media(min-width: 570px){.site-header__brand__text p{display:block}}.site-header__menu-icon{width:20px;height:19px;position:absolute;z-index:20;top:50%;margin-top:-9px;right:18px}@media(min-width: 570px){.site-header__menu-icon{right:6%}}@media(min-width: 960px){.site-header__menu-icon{display:none}}.site-header__menu-icon::before{content:"";position:absolute;top:0;left:0;width:20px;height:3px;background-color:#f9fdff;transform-origin:0 0;transition:transform .3s ease-out}.site-header__menu-icon__middle{position:absolute;top:8px;left:0;width:20px;height:3px;background-color:#f9fdff;transition:all .3s ease-out;transform-origin:0 50%}.site-header__menu-icon::after{content:"";position:absolute;bottom:0;left:0;width:20px;height:3px;background-color:#f9fdff;transform-origin:0 100%;transition:transform .3s ease-out}.site-header__menu-icon--close-x::before{transform:rotate(45deg) scaleX(1.25)}.site-header__menu-icon--close-x .site-header__menu-icon__middle{opacity:0;transform:scaleX(0)}.site-header__menu-icon--close-x::after{transform:rotate(-45deg) scaleX(1.25) translateY(1px)}.site-header--fill-in-color{background-color:#2275a5;box-shadow:6px 0 10px #333;transform:scale(1);padding-top:0;transition:all .6s ease-out}.site-header--not-index{background-color:#2275a5;transform:scale(1);padding-top:0;box-shadow:6px 0 10px #333}@media(min-width: 570px){.site-header--hide{transform:translateY(-100%)}}.section-header{font-size:2.5rem;letter-spacing:3}@media(min-width: 1010px){.section-header{font-size:3.5rem}}.work-together{padding:2rem 0;text-align:center;background-color:#f6ffef}@media(min-width: 1010px){.work-together{padding:4rem 0}}.work-together h2{margin:0 0 1rem 0;font-size:48px;color:#0a2463}.work-together p{color:#0a2463}.icon-container{display:flex;flex-wrap:wrap;flex-direction:row;align-content:start;background-color:rgba(94,124,194,.5);width:100%;height:max-content;box-shadow:0 10px 40px rgba(0,0,0,.25);margin:3rem 0;padding:1rem;padding-bottom:2rem}@media(min-width: 570px){.icon-container{margin:3rem 0;padding:1rem 1rem 2rem 1rem}}@media(min-width: 1010px){.icon-container{width:75%;padding:1rem 1rem;margin:0}}.icon-container__icon{max-width:60px;max-height:60px;margin:.5rem 0;flex:1 1 30%;color:#d3dffe}.icon-container__icon--custom{max-width:52px;max-height:50px;margin:.5rem 0 0 0;flex:1 1 30%;color:#d3dffe;padding:0 10px}.mobile-menu{transform:translateX(100%);position:absolute;position:fixed;display:flex;flex-direction:column;justify-content:center;z-index:10;top:0;bottom:0;right:-20px;min-height:100vh;width:80vw;background-color:rgba(0,0,0,.92);transition:transform .6s cubic-bezier(0, 0.01, 0.35, 1.27)}@media(min-width: 570px){.mobile-menu{width:50vw}}@media(min-width: 960px){.mobile-menu{display:none}}.mobile-menu--is-visible{visibility:visible;transform:translateX(0%)}.mobile-menu__links{display:flex;flex-direction:column;justify-content:space-between;transform:translateY(-2rem);width:100%;height:50vh;-webkit-padding-start:0}.mobile-menu__links li{margin:0;padding:1.2rem 0;text-align:center;line-height:1.5}.mobile-menu__links li a{color:#cbecff;font-size:2rem;font-weight:300;font-family:"Teko","Verdana","Arial",sans-serif;text-transform:uppercase}.page-background{position:absolute;display:inline;width:100%;height:100vh;background:linear-gradient(#0a2463 0%, 50%, #2275a5 100%);backdrop-filter:blur(6px);z-index:-1;transition:all .3s ease-in-out}.page-background__sub-bg{position:absolute;display:inline-flex;width:100%;background:#2275a5;z-index:-1;transition:all .3s ease-in-out}.project{width:100%;display:flex;flex-direction:column;padding:2rem 0;z-index:1}.project:last-child{border-bottom:none;padding-bottom:6rem}@media(min-width: 570px){.project{padding:1rem 0}}@media(min-width: 1010px){.project{display:flex;flex-direction:row;padding:3rem 0}}.project__image-container{width:100%;margin:0 0 1rem 0;order:1;position:relative}@media(min-width: 1010px){.project__image-container{margin:0 0 0 5%;width:50%;order:2}}.project__image-container--no-image{order:2}.project__image-container img{width:auto;max-width:100%;max-height:300px;box-shadow:0 1px 1px rgba(0,0,0,.11),0 2px 2px rgba(0,0,0,.11),0 4px 4px rgba(0,0,0,.11),0 8px 8px rgba(0,0,0,.11),0 16px 16px rgba(0,0,0,.11),0 32px 32px rgba(0,0,0,.11)}.project__image-container img#mobile-img{box-shadow:none}@media(min-width: 570px){.project__image-container img{max-height:500px}}@media(min-width: 1010px){.project__image-container img{max-height:600px}}.project__text{display:flex;flex-direction:column;order:2;width:100%;font-weight:300;position:relative;color:#f1f5f7}@media(min-width: 1010px){.project__text{order:1;width:50%}}.project__heading{margin:0;color:#cbecff;font-size:24px}@media(min-width: 1010px){.project__heading{margin:0;font-size:24px}}.project h4{margin-top:.2rem;font-family:"Roboto Flex",sans-serif;font-weight:200}@media(min-width: 1010px){.project h4{margin-top:.5rem}}.project p{margin:0}.project__link-container{margin-top:auto;width:100%}@media(min-width: 570px){.project__link-container{width:80% !important}}@media(min-width: 960px){.project__link-container{width:60% !important}}@media(min-width: 1010px){.project__link-container{width:70% !important}}.project__link-container--full-width{width:100% !important}.project__divider{visibility:none;display:none;opacity:.2;border-color:#cbecff}@media(min-width: 570px){.project__divider{visibility:visible;display:block}}.project #show-shade-btn{margin-top:2rem;display:none}.project--professional{position:relative;max-height:400px;overflow:hidden;margin-bottom:3rem;transition:max-height .2s ease-in-out}.project--professional--hidden{max-height:400px}.project--professional--revealed{max-height:100%}.project--professional:last-of-type{margin-bottom:8rem}.project--professional__shade{position:absolute;z-index:6;bottom:0;right:0;left:0;display:flex;justify-content:center;align-items:center;height:50%;background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #7fbee2 100%);backdrop-filter:blur(0.25px)}.project--professional__shade--hidden{display:none}.project--professional__shade--revealed{display:flex}.project--professional__shade button{margin-top:2rem}.project-category{margin-top:4rem}.project-category h2{margin:0;font-size:30px;color:#c0e7a0}.project-category__divider{opacity:.5;border-color:#cbecff}.portfolio-page-description{width:100%;padding-bottom:2rem}.portfolio-page-description a{color:#c0e7a0}@media(min-width: 570px){.portfolio-page-description{width:80%}}@media(min-width: 960px){.portfolio-page-description{width:60%}}@media(min-width: 1010px){.portfolio-page-description{width:52%}}.contact-form{width:100%;display:flex;flex-direction:column;margin-bottom:2rem}@media(min-width: 960px){.contact-form{width:80%}}.contact-form__heading{margin:0;color:#c0e7a0}.contact-form__alert{background-color:#a4d9f9;color:#333;padding:20px;border-radius:15px;text-align:center}@media(min-width: 960px){.contact-form__alert{width:80%}}.contact-form__group{width:100%;margin-top:1rem}.contact-form__group--textarea{margin:1.5rem 0 30px 0}.contact-form__group textarea{height:8rem}@media(min-width: 570px){.contact-form__info-group{display:flex}}.contact-form__info-group .contact-form__group:first-child{margin-right:40px}.contact-form__button-group{display:flex;flex-wrap:wrap;margin-top:20px}@media(min-width: 570px){.contact-form__button-group{display:flex;flex-direction:row}}.contact-form__label{display:block;letter-spacing:.09rem;padding-bottom:.2rem}.contact-form__input[type=text],.contact-form textarea{width:100%;border:4px solid #dafac0;padding:.65rem}.contact-form__input[type=text]:focus,.contact-form textarea:focus{outline:none;border-color:#69a13b}.contact-form__checkmark-container{position:relative;height:70px}.contact-form__checkmark{padding:0 15px 0 15px;opacity:0;color:#69a13b;font-weight:700;font-size:2rem;transition:opacity .6s ease-out}.contact-form__checkmark--is-visible{opacity:1}.contact-form__error{width:15rem;border:4px solid #812222;text-align:center;margin-left:4rem;border-radius:4px;transition:opacity .6s ease-out}.contact-form__error img{transform:translateY(22%);width:2rem;height:2rem}.contact-form__error p{font-weight:700}.contact-form__error--is-hidden{opacity:0}.contact-form--error-highlight[type=text]{border:4px solid #812222}.contact-form textarea.contact-form--error-highlight[type=text]{border:4px solid #812222}.hero{position:relative;width:100vw;height:100vh;overflow:hidden;background:linear-gradient(113.95deg, #2275a5 25.62%, rgba(10, 36, 99, 0.92) 94.55%)}.hero__bg{position:relative;min-height:100%;z-index:1}@media(min-width: 1010px){.hero__bg{height:90vh}}@media(min-width: 1600px){.hero__bg{height:auto}}@media(min-height: 1366px){.hero__bg{height:55vh}}.hero__bg__img-left-container{position:relative;width:100%}@media(min-width: 1010px){.hero__bg__img-left-container{width:50%;height:100%}}.hero__bg__img-left-container img{width:100%;height:100%}.hero__bg__img-right-container{width:100%;display:none}.hero__bg__img-right-container img{width:100%;height:100%;opacity:.25}@media(min-width: 1010px){.hero__bg__img-right-container{display:block;position:absolute;top:0;bottom:0;right:0;width:50%}}.hero__content{width:auto;display:flex;justify-content:center;align-items:center;flex-direction:column;position:absolute;top:12%;text-shadow:1px 1px 5px #333;z-index:2}@media(min-width: 960px){.hero__content{top:16%}}@media(min-width: 1010px){.hero__content{flex-direction:row;top:24%}}@media(min-width: 1600px){.hero__content{top:30%}}.hero__content__img{height:200px;width:143px;position:relative;z-index:2;margin-bottom:40px;flex:1}@media(min-width: 570px){.hero__content__img{height:272px}}@media(min-width: 1010px){.hero__content__img{margin:0}}.hero__content__img::after{content:"";position:absolute;z-index:1;background:#a4d9f9;width:143px;height:180px;top:10px;right:15px}@media(min-width: 570px){.hero__content__img::after{height:180px}}@media(min-width: 1010px){.hero__content__img::after{width:215px;height:272px;top:10px;right:15px}}.hero__content__img img{display:block;position:relative;z-index:2;clear:right}@media(min-width: 1010px){.hero__content__img img{width:215px;height:272px;float:right}}.hero__content__right{width:100%;padding:0;display:flex;align-items:center;flex-direction:column}@media(min-width: 1010px){.hero__content__right{width:60%;padding-left:3rem;display:block}}.hero__content__right h3{margin:0;font-size:2rem;color:#c0e7a0}@media(min-width: 570px){.hero__content__right h3{font-size:1.5rem}}@media(min-width: 1010px){.hero__content__right h3{font-size:2rem}}.hero__content__right p{width:90%;text-align:center;font-size:1rem;color:#f1f5f7;text-shadow:1px 1px 5px #333}@media(min-width: 570px){.hero__content__right p{width:60%;padding:0}}@media(min-width: 960px){.hero__content__right p{width:50%}}@media(min-width: 1010px){.hero__content__right p{width:60%;font-size:1.4rem;text-align:left}}.skills{position:relative;display:flex;align-items:center;background:linear-gradient(180deg, #0a2463 54.17%, #5aa2cb 100%);overflow:hidden;padding-top:3rem}@media(max-width: 340px){.skills{padding:2.5rem 0 4rem 0}}@media(min-width: 1010px){.skills{padding:2.5rem 0 14rem 0;height:90vh}}@media(min-height: 1366px){.skills{padding:2.5rem 0 18rem 0}}.skills__bg{position:absolute;width:100%;top:0;left:0;bottom:0;right:0;z-index:1;filter:blur(1px);-webkit-filter:blur(1px)}.skills__bg__img{display:none;height:auto;width:100%;position:absolute;top:-30%;left:0;bottom:0;right:0;z-index:1;opacity:.4}@media(min-width: 1010px){.skills__bg__img{display:block}}.skills__section-title{z-index:2;color:#dafac0;font-size:36px;text-transform:uppercase;font-weight:700;word-wrap:break-word;max-width:90%}@media(max-width: 340px){.skills__section-title{max-width:100%}}@media(min-width: 570px){.skills__section-title{max-width:100%}}@media(min-width: 1010px){.skills__section-title{margin-top:5rem;margin-left:25%}}.skills__figure-container{display:grid;position:relative;z-index:2;grid-template-areas:"col2" "col3" "col4" "col1"}.skills__figure-container .icon-container{grid-area:col1}@media(min-width: 1010px){.skills__figure-container{grid-template-columns:repeat(4, 1fr);grid-template-areas:"col1 col2 col3 col4";grid-column-gap:1em}}.skills__figure{margin-bottom:1.5rem}@media(min-width: 1010px){.skills__figure{margin:0}}.skills__figure:nth-child(2){grid-area:col2}@media(min-width: 570px){.skills__figure:nth-child(2){margin-top:0}}.skills__figure:nth-child(3){grid-area:col3}.skills__figure:nth-child(4){grid-area:col4;margin-bottom:0}.skills__figure h2{font-size:1.1rem;color:#c0e7a0}.skills__figure figcaption{padding:.5rem .5rem 0 0;color:#f1f5f7}.my-work{position:relative;max-height:100vh;padding:3rem 0 4rem 0;background-color:#7fbee2}@media(max-width: 340px){.my-work{padding:3rem 0 2rem 0}}@media(min-width: 570px){.my-work{padding:5rem 0 4rem 0}}.my-work__content-container{display:flex;flex-direction:column}@media(min-width: 960px){.my-work__content-container{flex-direction:row}}.my-work__container-left{width:100%;text-align:center}.my-work__container-left__section-title{margin:0 auto auto auto;color:#071117;font-size:36px;text-transform:uppercase;font-weight:700;word-wrap:break-word;max-width:90%}@media(max-width: 340px){.my-work__container-left__section-title{max-width:100%}}@media(min-width: 570px){.my-work__container-left__section-title{max-width:100%}}.my-work__container-left__section-description{color:#0a2463}.my-work__container-right{position:relative;width:100%;height:220px}@media(min-width: 570px){.my-work__container-right{position:relative;display:flex;justify-content:center}}.my-work__container-right__phone-image,.my-work__container-right__laptop-image{position:relative;top:50%;transform:translateY(-50%);width:auto}.my-work__container-right__laptop-image{height:auto;max-width:100%;max-height:90%}@media(min-width: 570px){.my-work__container-right__laptop-image{width:auto}}.my-work__container-right__phone-image{position:absolute;top:50%;right:12%;transform:translateY(-50%);max-height:100%}@media(min-width: 570px){.my-work__container-right__phone-image{right:15%}}@media(min-width: 1010px){.my-work__container-right__phone-image{right:15%}}.slider{position:relative;width:370px;height:250px;margin:4rem auto;overflow:hidden;border-radius:8px}@media(max-width: 340px){.slider{width:320px;height:200px}}@media(min-width: 570px){.slider{width:480px;height:360px}}@media(min-width: 1010px){.slider{width:720px;height:540px}}@media(min-width: 1600px){.slider{width:1080px;height:810px}}.slider__slideContainer{display:block;position:relative;width:999999px;height:250px;margin:0;padding:0}@media(max-width: 340px){.slider__slideContainer{height:200px}}@media(min-width: 570px){.slider__slideContainer{height:360px}}@media(min-width: 1010px){.slider__slideContainer{height:540px}}@media(min-width: 1600px){.slider__slideContainer{height:810px}}.slider__img{position:relative;width:370px;height:250px;float:left;left:-370px}@media(max-width: 340px){.slider__img{width:320px;height:200px;left:-320px}}@media(min-width: 570px){.slider__img{width:480px;height:360px;left:-480px}}@media(min-width: 1010px){.slider__img{width:720px;height:540px;left:-720px}}@media(min-width: 1600px){.slider__img{width:1080px;height:810px;left:-1080px}}.slider__prev,.slider__next{position:absolute;width:18px;height:18px;top:50%;z-index:5;border:5px solid #fff;border-radius:5px;transform:rotate(45deg);cursor:pointer;transition:all .4s ease-in-out}@media(min-width: 570px){.slider__prev,.slider__next{width:30px;height:30px}}.slider__prev:hover,.slider__next:hover{transform:rotate(45deg) scale(1.3)}.slider__prev{border-top:none;border-right:none;left:2%}.slider__next{border-bottom:none;border-left:none;right:2%}.slider::after{content:"";clear:both;display:table}.my-story{display:grid;grid-template-areas:"title" "p1" "picture" "p2" "p3" "p4";padding:2rem 0 4rem 0;row-gap:1rem}@media(min-width: 570px){.my-story{padding:4rem 0 6rem 0;padding-bottom:3rem}}@media(min-width: 1010px){.my-story{grid-template-areas:"title title" "p1 picture " "p2 picture " "p3 p3 " "p4 p4 ";column-gap:2em;padding-bottom:4.5rem}}.my-story h2{grid-area:title;color:#c0e7a0}.my-story p{margin:0}.my-story .p1{grid-area:p1}.my-story .p2{grid-area:p2}.my-story .p3{grid-area:p3}.my-story .p4{grid-area:p4}.my-story__img-container{grid-area:picture;padding:0 1rem 1rem 1rem;max-height:400px}.my-story__img-container img{max-height:100%}.secondary-nav{position:relative;padding:1.5rem 0;width:100%}.secondary-nav ul{height:100%;display:flex;align-items:center;justify-content:space-around;margin-top:0;margin-bottom:0;padding:10px .5rem;border:1px solid #f1f5f7;border-radius:26px}.secondary-nav ul li{font-size:1.2rem;text-align:center}@media(min-width: 1010px){.secondary-nav ul li:nth-child(2){display:block}}.secondary-nav ul a{position:relative;color:#f1f5f7;font-family:"Teko","Verdana","Arial",sans-serif}.secondary-nav ul a::before{content:"";height:100%;width:100%;position:absolute;top:-2px;border-bottom:4px solid #dafac0;visibility:hidden;transform:scaleX(0);transition:all .3s ease-out}.secondary-nav ul a:hover::before{visibility:visible;transform:scaleX(1)}.lightbox{position:fixed;display:flex;justify-content:center;align-items:center;z-index:-5;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,.85);transform:scale(1.4);opacity:0;visibility:hidden;transition:all .6s ease-out}.lightbox--is-visible{opacity:1;visibility:visible;transform:scale(1);z-index:100}.lightbox .x{position:absolute;top:6%;right:4%;color:#c2c2c2;transition:all .4s ease-out}.lightbox .x:hover{cursor:pointer;color:#fff;transform:scale(1.3)}.lightbox .x:active{color:#c2c2c2;transform:scale(1)}.lightbox__img-container{width:86%;height:54%;position:relative}.lightbox__img-container__image{position:absolute;transition:visibility 1s,opacity 2s ease-in-out;max-height:100%;top:50%;transform:translateY(-50%)}.lightbox__img-container__image--hide{animation:hide 1.2s linear both}.lightbox__img-container__image--visible{animation:show .7s linear both}@keyframes hide{0%{opacity:1}50%{opacity:.3}100%{opacity:0}}@keyframes show{0%{opacity:0}50%{opacity:0}100%{opacity:1}}.lightbox__img-container__dot-box{position:absolute;left:50%;bottom:-35px;transform:translateX(-50%);display:flex;justify-content:space-between;align-items:center;width:180px}.lightbox__img-container__dot-box__dot{width:10px;height:10px;border-radius:50%;background:#afafaf;transition:all .9s linear}.lightbox__img-container__dot-box__dot--active{background:#fff;width:15px;height:15px}@media(min-width: 960px){.lightbox__img-container{width:65%;height:85%}}.lightbox__img-container__prev,.lightbox__img-container__next{position:absolute;top:50%;transform:translateY(-50%);transform:rotate(45deg);width:20px;height:20px;border:4px solid #fff;border-radius:4px;cursor:pointer;transition:all .4s ease-out}@media(min-width: 960px){.lightbox__img-container__prev,.lightbox__img-container__next{width:30px;height:30px}}.lightbox__img-container__prev:hover,.lightbox__img-container__next:hover{transform:rotate(45deg) scale(1.3)}.lightbox__img-container__prev:active,.lightbox__img-container__next:active{transform:rotate(45deg) scale(1)}.lightbox__img-container__prev{left:-18px;border-top:none;border-right:none}@media(min-width: 960px){.lightbox__img-container__prev{left:-40px}}.lightbox__img-container__next{right:-18px;border-bottom:none;border-left:none}@media(min-width: 960px){.lightbox__img-container__next{right:-40px}}.resume{position:fixed;display:flex;justify-content:center;z-index:101;top:0;bottom:0;left:0;right:0;transform:scale(1.4);background-color:rgba(0,0,0,.85);visibility:hidden;opacity:0;transition:all .6s ease-out}.resume--is-visible{visibility:visible;opacity:1;transform:scale(1)}.resume .x{position:absolute;top:6%;right:4%;color:#c2c2c2;transition:all .4s ease-out}.resume .x:hover{cursor:pointer;color:#fff;transform:scale(1.3)}.resume .x:active{color:#c2c2c2;transform:scale(1)}.resume embed{display:block;width:75%;height:100%}.about-me{padding:0 0 3rem 0;display:grid;grid-template-areas:"img" "do" "work" "tech";column-gap:2em}@media(min-width: 1010px){.about-me{grid-template-areas:"do img" "work tech" "work tech";column-gap:4em;row-gap:2em}}.about-me h2{color:#c0e7a0}.about-me__img-container{grid-area:img;padding:0 1rem 1rem 1rem}@media(min-width: 1010px){.about-me__img-container{padding:0 2rem 2rem 0}}.about-me__what-i-do{grid-area:do}.about-me__what-i-do h2{margin-top:0}.about-me__working-with-me{grid-area:work}.about-me__technology-i-use{grid-area:tech;display:grid;grid-template-areas:"h2 h2" "p p" "list-one list-two"}.about-me__technology-i-use h2{grid-area:h2;margin-bottom:0}.about-me__technology-i-use p{grid-area:p}.about-me__technology-i-use__list-one{grid-area:list-one;list-style-type:circle;line-height:1.6}.about-me__technology-i-use__list-two{grid-area:list-two;list-style-type:circle;line-height:1.6}.thank-you{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 1rem}.thank-you__h1{animation:2.5s fade-in ease}.thank-you__h2{animation:2.5s moo ease}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes moo{0%{opacity:0}50%{opacity:0}100%{opacity:1}}.arrow-down{transition:opacity .8s ease-out}.arrow-down:hover{cursor:pointer}.arrow-down::after{content:"";width:32px;height:32px;position:absolute;left:50%;border-right:4px solid #7fbee2;border-bottom:4px solid #7fbee2;border-top:4px solid rgba(0,0,0,0);border-left:4px solid rgba(0,0,0,0);border-radius:6px;transform:rotate(45deg) translateY(50%);transition:all .5s ease-out;animation:2.25s arrow-bounce-high infinite ease}@media(min-width: 1010px){.arrow-down::after{animation:2.25s arrow-bounce-low infinite ease}}.arrow-down--fade{opacity:0}@keyframes arrow-bounce-high{0%,100%{top:85%}50%{top:88%;border-right:6px solid #dafac0;border-bottom:6px solid #dafac0}}@keyframes arrow-bounce-low{0%,100%{top:88%}50%{top:91%;border-right:6px solid #dafac0;border-bottom:6px solid #dafac0}}.slide-left{opacity:0;margin-left:100%;transform:translateX(100%);transition:all 1.4s ease-in-out;overflow:hidden}.slide-left--is-visible{opacity:1;margin-left:0;transform:translateX(0%)}.float-in{opacity:0;transform:scale(1.3);transition:all 1.8s ease-in-out}.float-in--is-visible{opacity:1;transform:scale(1)}.grow{transform:translateX(-50%) scale(0.75);opacity:0;transition:all 1s ease-out}.grow--is-visible{transform:translateX(-50%) scale(1);opacity:1}