*{margin:0;padding:0}body,html{height:100%;width:100vw}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}:root{--main-bg-color:#ddd}.header__container{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:center;height:30vh;z-index:100;box-shadow:0 3px 5px rgba(0,0,0,.3137254901960784)}@media only screen and (min-width:1023px){.header__container{height:10vh;flex-direction:row;justify-content:space-around}}@media only screen and (max-height:600px){.header__container{flex-direction:row;justify-content:space-around;height:20vh}}.header__logo{height:40%;max-width:80%;-webkit-filter:drop-shadow(0 0 20px hsla(0,0%,100%,.3137254901960784));filter:drop-shadow(0 0 20px #ffffff50)}@media only screen and (max-height:600px){.header__logo{width:25%}}@media only screen and (min-width:1023px){.header__logo{min-height:10vh;width:15%}}@media only screen and (min-width:1023px){.header__title--contain{display:flex;flex-direction:row;align-items:center;padding-left:20px}}.header__text--container{display:flex;align-items:center;flex-direction:column}.header__textTop{font-weight:300;font-size:3.5vh;text-align:center}@media only screen and (max-height:600px){.header__textTop{font-size:3vh}}.header__subText{font-weight:200;font-size:2vh}@media only screen and (max-height:600px){.header__subText{font-size:2vh}}.header__toggle--container{display:flex;flex-direction:row;align-items:center;margin-top:10px}@media only screen and (max-height:600px){.header__toggle--container{margin-top:0}}@media only screen and (min-width:1024px){.header__toggle{margin:0}}.header__moon{color:#c8fff4}.header__sun{color:#fafcaf}.city__container{position:relative;display:grid;grid-template:1fr/1fr;place-items:center;max-width:100vw;height:70vh;overflow:hidden}.city__container>*{grid-column:1/1;grid-row:1/1}@media only screen and (min-width:1023px){.city__container{height:90vh}}@media only screen and (max-height:600px){.city__container{height:80vh}}.city__sky--day{position:absolute;top:0;width:100%;background-image:linear-gradient(#4073ff,#52b0ee,#d2e0e8,#c9dee8);height:80vh;z-index:0}@media only screen and (min-width:1240px){.city__sky--day{height:100vh}}.city__sky--night{position:absolute;top:0;width:100%;background-image:linear-gradient(#251f61,#3378bd);height:80vh;z-index:0}@media only screen and (min-width:1240px){.city__sky--night{height:100vh}}.city__sky--night:before{background-image:url(/jw-portfolio-2021/static/media/StarsNight.a631a7dc.svg);background-size:100%;background-repeat:no-repeat;margin-top:-px;content:"";display:flex;height:100%;width:100%;animation:fadeIn 5s;-webkit-animation:fadeIn 5s;-moz-animation:fadeIn 5s;-o-animation:fadeIn 5s}.city__sun-and-moon{position:absolute;top:20vh;z-index:2;width:20%}@media only screen and (min-width:1023px){.city__sun-and-moon{top:35vh}}@media only screen and (min-height:800px){.city__sun-and-moon{top:28vh}}.city__water--day{background-image:linear-gradient(#003b63,#3370a6)}.city__water--day,.city__water--night{height:30vh;width:100vw;position:absolute;bottom:0;z-index:3}.city__water--night{background-image:linear-gradient(#001a2b,#003b63)}.city__clouds{position:absolute;top:10%;width:400%;min-width:100%;z-index:3;-webkit-animation:slide 320s linear infinite alternate;animation:slide 320s linear infinite alternate}@media only screen and (max-width:768px){.city__clouds{top:30%}}@keyframes slide{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0)}}@-webkit-keyframes slide{0%{-webkit-transform:translateZ(0)}to{-webkit-transform:translate3d(50%,0,0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:.8}}@-webkit-keyframes fadeIn{0%{-webkit-opacity:0}to{-webkit-opacity:.8}}.bridge{display:grid;grid-template:1fr/1fr;place-items:center;width:100%;z-index:10}@media only screen and (min-width:1023px){.bridge{margin-top:15vh}}.bridge>*{grid-column:1/1;grid-row:1/1}.bridge__fg{margin-top:4%;margin-bottom:10%;width:100%;z-index:7}@media only screen and (max-width:768px){.bridge__fg{width:150%}}@media only screen and (min-width:1800px){.bridge__fg{margin-top:0}}.bridge__bg{width:100%;z-index:5;margin-top:4%;margin-bottom:10%}@media only screen and (max-width:768px){.bridge__bg{width:150%}}@media only screen and (min-width:1800px){.bridge__bg{margin-top:0}}.traffic{margin-top:4%;margin-bottom:10%;width:100%;height:auto}@media only screen and (min-width:1800px){.traffic{margin-top:0}}.traffic__container{display:flex;align-items:flex-end;position:relative;height:1px;width:100%;margin-top:14.5%;z-index:6}@media only screen and (max-width:768px){.traffic__container{width:150%;margin-top:22.5%}}.traffic__reverse{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.car__left{display:inline-block;position:relative;left:0;vertical-align:bottom;margin-left:-6%;width:6%;-webkit-animation-name:leftToRight;animation-name:leftToRight;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:both;animation-fill-mode:both}@media only screen and (max-width:768px){.car__left{margin-top:11.4%;left:18%;width:8%;margin-left:-8%}}.car__right{display:inline-block;position:relative;left:0;margin-left:-6%;width:6%;-webkit-animation-name:rightToLeft;animation-name:rightToLeft;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:both;animation-fill-mode:both}@media only screen and (max-width:768px){.car__right{margin-top:11.4%;left:18%;width:8%;margin-left:-8%}}.bike__left{display:inline-block;position:relative;left:0;margin-left:-2%;width:2%;-webkit-animation-name:leftToRight;animation-name:leftToRight;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:both;animation-fill-mode:both}@media only screen and (max-width:768px){.bike__left{left:18%;width:2%;margin-left:-2%}}.bike__right{display:inline-block;position:relative;left:0;margin-left:-2%;width:2%;-webkit-animation-name:rightToLeft;animation-name:rightToLeft;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:both;animation-fill-mode:both}@media only screen and (max-width:768px){.bike__right{left:18%;width:2%;margin-left:-2%}}.plane__left{display:inline-block;position:relative;left:0}@media only screen and (max-width:768px){.plane__left{top:100px;left:18%;width:9%;margin-left:9%}}.plane__right{display:inline-block;position:relative;left:0;top:100px}@media only screen and (max-width:768px){.plane__right{left:18%;width:9%;margin-left:9%}}.air__traffic--container{position:absolute;top:10px;display:flex;align-items:flex-end;width:100vw;z-index:3}.plane__left{margin-left:-10%;width:10%;-webkit-animation-name:leftToRight;animation-name:leftToRight;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:both;animation-fill-mode:both}@media only screen and (max-width:768px){.plane__left{left:18%;width:9%;margin-left:-9%}}.plane__right{margin-left:-10%;width:10%;-webkit-animation-name:rightToLeft;animation-name:rightToLeft;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:both;animation-fill-mode:both}@media only screen and (max-width:768px){.plane__right{width:9%;margin-left:-9%}}@-webkit-keyframes leftToRight{0%{-webkit-transform:translateX(-200px);transform:translateX(-200px)}to{-webkit-transform:translateX(125vw);transform:translateX(125vw)}}@keyframes leftToRight{0%{-webkit-transform:translateX(-200px);transform:translateX(-200px)}to{-webkit-transform:translateX(125vw);transform:translateX(125vw)}}@-webkit-keyframes rightToLeft{0%{-webkit-transform:translateX(125vw);transform:translateX(125vw)}to{-webkit-transform:translateX(-200px);transform:translateX(-200px)}}@keyframes rightToLeft{0%{-webkit-transform:translateX(125vw);transform:translateX(125vw)}to{-webkit-transform:translateX(-200px);transform:translateX(-200px)}}.bio{display:flex;flex-direction:column;padding-bottom:20px;z-index:1;align-items:center;overflow-x:hidden}.bio__underwater-divider{width:100vw}@media only screen and (max-width:768px){.bio{flex-wrap:nowrap}}@media only screen and (min-width:1550px){.bio{margin-left:10%;margin-right:10%}}.bio__topSection{display:flex;flex-direction:row;flex-wrap:wrap}@media only screen and (max-width:768px){.bio__topSection{flex-direction:column}}.bio__greetings{font-size:25px}.bio__tools{display:flex;justify-content:center;text-align:center;flex:1 1}.toolsKnob{display:flex;flex-direction:row;justify-content:space-around;align-items:center;margin-top:40px;user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none}@media only screen and (max-width:768px){.toolsKnob{flex-direction:column;justify-content:space-around}}.tools__description--container{text-align:left;margin-bottom:40px;border-left:solid;padding:20px;height:180px}.tools__description--text{max-width:300px;margin-top:21px}.knob__container{margin-top:-170px;margin-left:50px;margin-bottom:20px;touch-action:none}@media only screen and (max-width:768px){.knob__container{margin-left:0;margin-bottom:80px;margin-top:-200px}}.knob__label--0{position:relative;top:185px;left:0}.knob__label--1{position:relative;top:190px;left:-95px}.knob__label--2{position:relative;top:230px;left:-115px}.knob__label--3{position:relative;top:270px;left:-125px}.knob__label--4{position:relative;top:300px;left:-105px}.knob__label--5{position:relative;top:310px;left:-40px}.knob__label--6{position:relative;top:280px;left:50px}.knob__label--7{position:relative;top:230px;left:125px}.knob__label--8{position:relative;top:160px;left:135px}.knob__label--9{position:relative;top:90px;left:125px}.knob__label--10{position:relative;top:20px;left:95px}.bioLeft{flex:0.6 1;z-index:3}.bioLeft>img{height:250px;width:250px;object-fit:contain;float:left;border-radius:100% 100% 100% 100%;shape-outside:circle() margin-box;margin:18px;z-index:5;box-shadow:3px 3px 10px rgba(0,0,0,.3137254901960784)}@media only screen and (max-width:460px){.bioLeft>img{width:50%;height:auto;border-radius:100% 100% 100% 100%;shape-outside:circle() none}}.bioLeft>div>p{font-size:20px;font-weight:400;margin-top:50px;margin-left:100px;margin-right:20px;z-index:5}@media only screen and (max-width:768px){.bioLeft>div>p{flex:1 1;font-size:16px;margin:20px}}.bioLeft__text--contain{padding:10px}.bio-right{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;flex:0.4 1;margin-top:20px}@media only screen and (max-width:768px){.bio-right{flex:1 1;margin:20px}}.bio-right>a{text-decoration:none;margin-top:15px}.bio-right__experience{font-size:900%;font-weight:600}.resume-button{display:flex;align-items:center;justify-content:space-evenly;width:240px;padding-left:20px;padding-right:20px;border:none;border-radius:20px;height:40px;color:#fff;font-weight:700;font-size:15px;cursor:pointer;box-shadow:3px 3px 10px rgba(0,0,0,.3137254901960784);white-space:nowrap}.bioHeader__text{position:relative;font-size:80px;font-weight:100;text-shadow:0 2px 5px 50;margin-top:60px;margin-bottom:20px;flex:1 1;max-width:100vw;overflow-x:hidden}@media only screen and (max-width:894px){.bioHeader__text{font-size:4rem;margin-bottom:60px;text-align:center}}.portfolioItem__container{display:flex;justify-content:space-between;height:250px;width:420px;max-width:100%;position:relative;border-radius:20px;margin:10px;box-shadow:3px 3px 10px rgba(0,0,0,.3137254901960784);overflow:hidden;z-index:1}@media only screen and (max-width:979px){.portfolioItem__container{width:90vw;height:250px}}@media only screen and (max-width:768px){.portfolioItem__container{flex-direction:column;align-items:center;height:auto;margin-left:0;margin-right:0;margin-top:10px}}.portfolioItem__title{position:relative;margin-top:10px;margin-left:20px;font-weight:300;white-space:nowrap;z-index:4}@media only screen and (max-width:768px){.portfolioItem__title{margin-left:0;margin-bottom:10px}}@media only screen and (max-width:400px){.portfolioItem__title{font-size:1.5rem}}.portfolio__content--left{display:flex;flex-direction:column;justify-content:space-between;position:relative;z-index:2;width:285px}@media only screen and (max-width:979px){.portfolio__content--left{display:flex;flex-direction:column;flex:0.5 1}}@media only screen and (max-width:768px){.portfolio__content--left{display:flex;flex-direction:column;align-items:center}}.portfolio__content--right{display:flex;width:110px;position:relative;right:-8px}@media only screen and (max-width:979px){.portfolio__content--right{display:flex;flex-direction:column;justify-content:space-between;margin-top:0}}@media only screen and (max-width:768px){.portfolio__content--right{width:100%;display:flex;align-items:flex-end;justify-content:space-between;flex-direction:row;margin-right:0}}.portfolio__tech-used{display:flex;flex-direction:column;margin-top:20px;max-width:100px}.portfolio__listItems{position:relative;left:0}@media only screen and (max-width:979px){.portfolio__tech-used{margin-left:0}}@media only screen and (max-width:768px){.portfolio__tech-used{margin-bottom:20px;margin-left:20px}}.portfolio__tech-used--hidden{visibility:hidden;display:flex;flex-direction:column;margin-top:20px;margin-bottom:20px;max-width:100px}.portfolioItem__content--center{display:none;z-index:2}@media only screen and (max-width:979px){.portfolioItem__content--center{display:flex;flex-direction:column;margin-top:40px;margin-bottom:20px;margin-left:-60px;overflow:scroll;z-index:2;flex:0.3 1}}@media only screen and (max-width:768px){.portfolioItem__content--center{display:flex;flex-direction:column;align-items:center;justify-content:space-around;margin-right:40px;margin-left:40px}}.portfolioItem__image-container{border-radius:0 0 0 20px;z-index:2}@media only screen and (max-width:979px){.portfolioItem__image-container{border-radius:0 0 0 20px;height:179px;width:285px}}@media only screen and (max-width:768px){.portfolioItem__image-container{border-radius:0 0 0 0;margin-bottom:20px}}.portfolioItem__mobile-overlay{position:absolute;bottom:0;z-index:99;height:179px;width:245px;border-radius:0 20px 0 20px;overflow:scroll;padding-top:10px;padding-left:20px;padding-right:20px;color:#fff;background-color:rgba(0,0,0,.5019607843137255)}@media only screen and (max-width:979px){.portfolioItem__mobile-overlay{display:none}}.portfolioItem__image{position:absolute;bottom:0}.portfolioItem__image-blurry{position:absolute;bottom:0;filter:blur(5px);-webkit-filter:blur(5px);transition:.3s}@media only screen and (max-width:979px){.portfolioItem__image-blurry{filter:blur(0);-webkit-filter:blur(0)}}.gh__linkWindow--hidden,.portfolioItem__display-none{display:none}.gh__linkWindow--show{display:flex;justify-content:center;flex-direction:column;border-radius:20px;position:absolute;top:0;left:0;right:0;bottom:0;z-index:50}.gh__button--container{display:flex;flex-direction:row;justify-content:center;margin:20px}@media only screen and (max-width:979px){.gh__button--container{flex-direction:row}}@media only screen and (max-width:768px){.gh__button--container{flex-direction:column;align-items:center}}.gh__button--link{background:#fff;color:#6200ee;font-size:16px;box-shadow:5px 7px 0 #ddd}.gh__button--link,.gh__button--link-canceled{border:hidden;width:10rem;height:100px;border-radius:3px;text-align:center;margin-left:1rem;margin-right:1rem;white-space:nowrap;margin-bottom:60px}.gh__button--link-canceled{background:#d3d3d3;color:#575757;font-size:12px;box-shadow:5px 7px 0 #949494;cursor:not-allowed}@media only screen and (max-width:979px){.gh__button--link{margin-bottom:20px;font-size:20px}}@media only screen and (max-width:768px){.gh__button--link{margin-bottom:20px;width:15rem}}.gh__button--link:hover{cursor:pointer;transition:.25s ease-in-out;box-shadow:0 0 0 #ddd;-webkit-transform:translate(5px,3px);transform:translate(5px,3px)}.github__container>button{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:14px;font-weight:200;white-space:nowrap;width:115px;height:80px;border-style:none;border-radius:20px 0 20px 0;cursor:pointer;position:absolute;top:auto;bottom:0;left:auto;right:0;z-index:99}.gh__icon{margin-bottom:5px}.projects{background-color:#fff;padding-top:50px;padding-bottom:100px;box-shadow:0 20px 20px rgba(0,0,0,.3137254901960784);overflow-x:hidden}.projects:before{content:"";display:flex;position:relative;top:-250px;width:100%;height:200px;box-shadow:0 5px 5px rgba(0,0,0,.3137254901960784);-webkit-transform-origin:left;transform-origin:left;-webkit-transform:skewY(4deg);transform:skewY(4deg);z-index:0}.projects__contain{display:flex;flex-flow:row wrap;justify-content:space-around;margin:50px;max-width:1800px}@media only screen and (max-width:768px){.projects__contain{margin:20px}}@media only screen and (min-width:1800px){.projects__contain{padding-top:100px;margin:auto}}.projectsHeader__title{font-size:60px;font-weight:100;text-shadow:0 2px 5px 50;margin-top:-100px;margin-left:100px}@media only screen and (max-width:979px){.projectsHeader__title{margin-left:50px}}@media only screen and (max-width:768px){.projectsHeader__title{margin-left:30px}}.footer,.footer__contactHeader{display:flex;align-items:center;flex-direction:column;z-index:1}.footer__contactHeader{text-align:center;margin-top:160px}.footer__contactHeader-title{font-size:50px;font-weight:200;margin-bottom:40px}.footer__contactHeader-subtitle{margin-top:20px;font-size:30px;font-weight:200}.footer__contactInfo{text-align:center;margin:20px 0;font-weight:300;line-height:1.6}.footer__contactInfo p{margin:5px 0;font-size:16px}.footer__textBottom{font-weight:200;margin-top:10px;margin-bottom:10px;text-align:center}.emailForm>form{display:flex;flex-direction:column;align-items:center;margin-top:20px;margin-bottom:40px}.emailForm>form>div>input{margin:10px;width:100%;max-width:90vw;height:30px;border:none;outline-width:0;padding-left:10px;border-radius:3px;box-shadow:3px 3px 10px rgba(0,0,0,.3137254901960784);font-size:16px}.emailForm__input-contain{display:flex;width:17rem;max-width:100%;flex-direction:row;align-items:center;color:#8a8a8a}.emailForm>form>textarea{margin:10px;height:150px;max-width:90vw;width:350px;border:none;outline-width:0;padding-left:10px;padding-top:10px;border-radius:3px;box-shadow:3px 3px 10px rgba(0,0,0,.3137254901960784);font-size:16px}.emailForm>form>button{width:80%;max-width:200px;height:40px}.alert__success,.emailForm>form>button{margin:10px;border:none;border-radius:3px;color:#fff;font-weight:700;font-size:15px;cursor:pointer;box-shadow:3px 3px 10px rgba(0,0,0,.3137254901960784)}.alert__success{background-color:green;text-align:center}.alert__loading,.alert__success{display:flex;flex-direction:column;align-items:center;height:85px;width:350px;padding:10px}.alert__loading{color:#fff;margin:10px;border:none;border-radius:3px;font-weight:700;font-size:15px;cursor:pointer;box-shadow:3px 3px 10px rgba(0,0,0,.3137254901960784)}.alert__hidden{transition:all .25s linear 4s}.alert__hidden,.alert__hidden--noanimate{opacity:0;-webkit-transform:translateY(120px);transform:translateY(120px);display:none}.alert__text{color:red}.lds-roller{display:inline-block;position:relative;width:80px;height:80px}.lds-roller div{-webkit-animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;-webkit-transform-origin:40px 40px;transform-origin:40px 40px}.lds-roller div:after{content:" ";display:block;position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;margin:-4px 0 0 -4px}.lds-roller div:first-child{-webkit-animation-delay:-36ms;animation-delay:-36ms}.lds-roller div:first-child:after{top:63px;left:63px}.lds-roller div:nth-child(2){-webkit-animation-delay:-72ms;animation-delay:-72ms}.lds-roller div:nth-child(2):after{top:68px;left:56px}.lds-roller div:nth-child(3){-webkit-animation-delay:-.108s;animation-delay:-.108s}.lds-roller div:nth-child(3):after{top:71px;left:48px}.lds-roller div:nth-child(4){-webkit-animation-delay:-.144s;animation-delay:-.144s}.lds-roller div:nth-child(4):after{top:72px;left:40px}.lds-roller div:nth-child(5){-webkit-animation-delay:-.18s;animation-delay:-.18s}.lds-roller div:nth-child(5):after{top:71px;left:32px}.lds-roller div:nth-child(6){-webkit-animation-delay:-.216s;animation-delay:-.216s}.lds-roller div:nth-child(6):after{top:68px;left:24px}.lds-roller div:nth-child(7){-webkit-animation-delay:-.252s;animation-delay:-.252s}.lds-roller div:nth-child(7):after{top:63px;left:17px}.lds-roller div:nth-child(8){-webkit-animation-delay:-.288s;animation-delay:-.288s}.lds-roller div:nth-child(8):after{top:56px;left:12px}@-webkit-keyframes lds-roller{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes lds-roller{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.8443e188.chunk.css.map */