@import url(https://fonts.googleapis.com/css2?family=League+Spartan:wght@300;400;500;600;700&family=Open+Sans:wght@300;400;500;600;700&family=Roboto:wght@100;300;400;500;700&family=Shadows+Into+Light&display=swap);.navbar{background-color:initial;color:#ebeff0;height:64px;left:0;margin:0;padding:0;width:100%;z-index:2}.menu,.navbar{position:fixed;top:0}.menu{align-items:center;display:flex;flex-direction:column;height:30px;justify-content:center;padding-top:1rem;right:2rem;transition:.5s;width:30px;z-index:10}.menu:hover{cursor:pointer}.left-logo a{font-family:Shadows Into Light,sans-serif;font-size:2rem;font-weight:bolder;margin:1rem;text-decoration:none}.line1{margin-top:-.5rem;width:100%}.line1,.line2{background:#5f667e;border-radius:5px;height:2px}.line2{margin-top:.7rem;width:80%}.menu-page{background:#78c4c8;height:100vh;position:fixed;right:0;top:0;width:30%;z-index:2}.menu-links{align-items:left;color:#212121;display:flex;flex-direction:column;justify-content:left;padding:1rem}.menu-links li{border-bottom:.5px solid #545353;margin-right:1rem;margin-top:2rem;padding:1rem}.menu-links li a{color:#000;font-family:League Spartan,sans-serif;font-size:25px;font-weight:400;letter-spacing:1.5px;list-style:none;text-decoration:none}.menu-links li a:hover{color:#fff}.menu-links button{background-color:initial;border:none;color:#000;font-family:League Spartan,sans-serif;font-size:25px;font-weight:400;letter-spacing:1.5px;padding:0}.menu-links button:hover{color:#fff;cursor:pointer}.menu-socials{align-items:center;display:flex;font-size:2rem;justify-content:center;margin-left:1rem;margin-top:5rem}.menu-socials a{color:#ebeff0;padding-left:.5rem;padding-right:.5rem;text-decoration:none}.menu-socials a:hover{color:#222d3e}@media only screen and (min-width:576px) and (max-width:945px){.menu-page{width:40%}}@media only screen and (min-width:300px) and (max-width:575px){.menu-page{width:55%}}#main{background-attachment:fixed;background-color:#222d3e;background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;width:100vw}.background-layer .layer{height:100vh;overflow:hidden;position:absolute}#halfcircle{color:#78c4c8;font-size:35px;margin-left:2%;top:100px}#zigzag{color:#c33b73;font-size:35px;padding-left:2%;top:390px}#spring1{color:#d8bb81;font-size:35px;padding-left:45%;top:600px}#right{padding-left:70%;top:200px}#right,#up{color:#78c4c8;font-size:35px}#up{padding-left:7%;top:760px}#spring2{color:#c33b73;font-size:35px;padding-left:75%;top:10px}#down{font-size:35px;padding-left:90%;top:550px}#down,#slash{color:#d8bb81}#slash{font-size:25px;padding-left:40%;top:70px}#backslash{color:#c33b73;font-size:25px;padding-left:70%;top:700px}.main-heading{font-size:5.5rem;font-weight:500;margin-top:0}.main-heading,.title{color:#ebeff0;font-family:Roboto,sans-serif;letter-spacing:2px;margin-left:5rem;position:relative;top:30%}.title{font-size:3.2rem;font-style:italic;font-weight:300;margin-top:-3rem}.pdf-button{display:block;margin-left:5rem;margin-top:-4rem;position:relative;top:40%}.pdf-button button{background-color:#78c4c8;border:none;color:#ebeff0;cursor:hand;font-family:League Spartan,sans-serif;font-size:.85rem;font-weight:500;height:47px;letter-spacing:2px;position:relative;text-align:center;transition:all .3s ease-in-out;width:130px;z-index:1}.right-arrow{color:#ebeff0;font-size:2.5rem;margin-left:-.8rem;padding-top:.1rem;position:absolute;transition:.3s;z-index:1}.right-arrow:hover{-webkit-transform:translateX(9px);transform:translateX(9px)}.pdf-button button:hover{border:1px solid;color:#222d3e!important;cursor:pointer;margin-right:9px}.pdf-button button:before{background:#c33b73;opacity:1;transition:all .7s cubic-bezier(.77,0,.175,1);z-index:-2}.pdf-button button:after,.pdf-button button:before{box-shadow:2px 0 14px rgba(0,0,0,.6);content:"";display:block;height:100%;left:-10%;position:absolute;top:0;-webkit-transform:skewX(-20deg);transform:skewX(-20deg);width:0}.pdf-button button:after{background:#222d3e;opacity:0;transition:all .4s cubic-bezier(.2,.95,.57,.99);z-index:-15}.pdf-button button:hover:before{opacity:1;width:116%}.pdf-button button:hover:after{opacity:1;width:120%}.page-links{margin:1rem;position:absolute;right:2%;top:40%}.page-links a{color:#ebeff0;display:block;font-family:League Spartan;font-size:1.5rem;font-weight:400;text-decoration:none;text-transform:lowercase}.page-links a:hover{color:#78c4c8}.title-socials{bottom:0;font-size:1.3rem;margin-left:1rem;position:absolute}.title-socials a{color:#ebeff0;padding-left:.5rem;padding-right:.5rem;text-decoration:none}.title-socials a:hover{color:#78c4c8}.mouse a span{border:2px solid #ebeff0;border-radius:50px;bottom:1%;height:50px;margin-left:-15px;right:5%;width:30px}.mouse a span,.mouse a span:before{box-sizing:border-box;position:absolute}.mouse a span:before{-webkit-animation:scroll 2s infinite;animation:scroll 2s infinite;background-color:#ebeff0;border-radius:100%;content:"";height:6px;left:50%;margin-left:-3px;top:10px;width:6px}.mouse-scroll{bottom:7%;font-family:League Spartan,sans-serif;font-size:10px;padding:0;position:absolute;right:4.8%}.mouse-scroll a{color:#78c4c8;font-size:11px;letter-spacing:2px;position:relative;text-decoration:none}.mouse-scroll a:hover{color:#ebeff0;text-shadow:.5px .5px #222d3e}@-webkit-keyframes scroll{0%{opacity:0;-webkit-transform:translate(0);transform:translate(0)}40%{opacity:1}80%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:0}}@keyframes scroll{0%{opacity:0;-webkit-transform:translate(0);transform:translate(0)}40%{opacity:1}80%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:0}}#intro-section{background:#ebeff0}.intro-heading{color:#222d3e;display:inline-block;font-family:Roboto,sans-serif;font-size:2.5rem;margin-left:3rem;margin-top:6rem;text-align:left}.intro-line{background:#78c4c8;border-radius:5px;height:4px;margin-bottom:1rem;margin-left:3rem;margin-top:-2rem;width:100px}.intro-subtitle{color:#222d3e;font-family:Open Sans,sans-serif;font-size:1.3rem;margin-bottom:.5rem;margin-left:5rem;margin-top:-1rem;text-align:left;width:60%}.line-subtitle{background-color:#222d3e;border:none;height:.5px;margin-left:10%;margin-top:7rem;width:40%}.intro-scroll{float:right;font-family:League Spartan,sans-serif;font-size:11px;letter-spacing:3px;margin-bottom:5rem;margin-right:4%;margin-top:-35rem;text-transform:uppercase}.intro-scroll-line{border-left:.5px solid #222d3e;height:150px;margin-left:1.5rem;margin-top:.5rem;place-self:center}.tech-stack{height:620px;margin-left:6rem;margin-top:5rem;overflow:hidden;width:70%}.tech-stack span{color:#222d3e;display:inline-flex;font-family:Roboto,sans-serif;margin:1rem;opacity:.3;padding:1rem}.intro-container{display:grid;grid-template-columns:repeat(3,auto);grid-template-rows:repeat(3,auto);height:auto;margin-top:5rem;width:100vw}.intro-background{background-attachment:fixed;background-color:#ebeff0;background-image:repeating-linear-gradient(45deg,#aedbde,#aedbde 1px,#ebeff0 0,#ebeff0 50%);background-size:10px 10px;grid-column:1/2;grid-row-start:1;height:200px;margin-bottom:4rem;margin-left:14rem;margin-right:1rem;position:relative;width:70%}.intro-projects{color:#222d3e;font-weight:500;grid-column:1;grid-row:1;margin-left:7rem;margin-top:.5rem;text-decoration:none;width:60%;z-index:1}.button-work,.intro-projects{font-family:Open Sans,sans-serif;font-size:1.4rem}.button-work{background-color:initial;border:.5px solid transparent;font-weight:bolder;padding:0;transition:.5s ease}.button-work a{color:#222d3e;text-decoration-color:#78c4c8}.button-work:hover{scale:.9}.button-work a:hover{text-decoration-color:#fff}.bottom-container{background-color:#78c4c8;margin:0 auto;padding-bottom:8rem;padding-top:3rem;width:90%}.intouch{color:#ebeff0;display:inline-block;font-family:Roboto,sans-serif;font-size:1.5rem;margin-left:1rem;width:100%}.intouch h1{display:inline-block;margin:0 auto;padding-top:1rem}.intouch-line{background:#222d3e;border-radius:5px;height:4px;margin-left:1rem;width:100px}.intouch-wrapper{align-items:center;display:flex;justify-content:center;margin:.5rem}.intouch-resume{color:#222d3e;font-family:Open Sans,sans-serif;font-size:1rem;font-weight:400;letter-spacing:.5px;padding-top:2rem}.underlined{color:#ebeff0;display:inline-flex;position:relative;z-index:1}.intouch-resume a{color:#222d3e;text-decoration-line:none}.highlight{background-color:#ebeff0;bottom:auto;height:36%;top:55%;-webkit-transform-origin:bottom right;transform-origin:bottom right;z-index:-1}.highlight,.underlined:after{left:4%;position:absolute;transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out;width:100%}.underlined:after{background-color:#222d3e;bottom:0;content:"";height:2px;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:bottom right;transform-origin:bottom right}.underlined:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:bottom left;transform-origin:bottom left}.connect-info{font-family:Open Sans,sans-serif;font-size:1rem;font-weight:400;letter-spacing:.5px;padding-top:1rem}.bottom-resume-button{background-color:initial;border:none;color:#ebeff0;font-family:Open Sans,sans-serif;font-size:13px;font-weight:600;letter-spacing:1.5px;margin-right:3rem;margin-top:.2rem;position:absolute;right:0;text-transform:uppercase;transition:4ms linear;width:135px}.bottom-resume-button:hover{cursor:pointer;letter-spacing:3px}.pdf-icon{color:#222d3e;font-size:25px;margin-right:10rem;margin-top:-.94rem;padding-top:15px;position:absolute;right:0}@media only screen and (min-width:576px) and (max-width:945px){.intouch-line{margin-bottom:3rem}.main-heading{font-size:5rem;margin-left:3rem;padding-right:5rem}.title{font-size:3rem;margin-left:3rem}.page-links a{font-size:1rem}.pdf-button{margin-left:3rem}.mouse-scroll{right:4.5%}.intro-heading{font-size:2rem}.intro-subtitle{font-size:1.1rem;width:70%}.tech-stack{margin-left:4rem}.intro-background{margin-left:10rem}.button-work,.intro-projects{font-size:1.3rem}.connect-info,.intouch-resume{font-size:1rem}.bottom-resume-button{margin-right:1.5rem}.pdf-icon{margin-right:8rem}}@media only screen and (min-width:300px) and (max-width:575px){#zigzag{top:339px}#spring1{top:525px}#spring2{padding-left:70%}#right{top:185px}#up{top:580px}#backslash{top:595px}.main-heading{font-size:4.2rem;margin-left:1.5rem;padding-right:5rem}.title{font-size:2rem;padding-bottom:.5rem;padding-top:.5rem}.pdf-button,.title{margin-left:1.5rem}.page-links{visibility:hidden}.mouse a span,.mouse-scroll{display:none}.intro-heading{font-size:1.3rem;margin-left:1rem;margin-top:2rem;width:100%}.intro-line{margin-left:1rem;margin-top:-1rem}.intro-subtitle{font-size:1.2rem;margin-left:1rem;width:90%}.tech-stack{height:900px;margin-left:1rem;margin-top:3rem;width:90%}.intro-scroll{margin-right:2rem;margin-top:-45rem}.intro-projects{font-size:1.2rem;margin-bottom:5rem;margin-left:3rem;margin-top:1rem;width:80%}.button-work{font-size:1.2rem;padding:0}.intro-background{margin-left:5rem;margin-top:1.5rem}.bottom-container{padding-bottom:5rem;padding-left:0;padding-top:0;width:90%}.intouch-line{margin-bottom:2rem}.intouch{color:#ebeff0;font-size:1.3rem;margin-left:1rem;margin-top:3rem}.intouch h1{margin-top:1rem}.intouch-wrapper{margin-left:1rem;margin-top:-1rem}.intouch-resume{font-size:.9rem;padding-top:1rem}.connect-info{font-size:.9rem}.bottom-resume-button{margin-right:.5rem;margin-top:1.6rem}.pdf-icon{margin-right:7rem;margin-top:.5rem}}#about,.heading-background{background-color:#ebeff0;margin-top:4rem}.heading-background{background-attachment:fixed;background-image:repeating-linear-gradient(45deg,#aedbde,#aedbde 1px,#ebeff0 0,#ebeff0 50%);background-size:10px 10px;height:180px;margin-left:12.5rem;position:relative;width:70%}.about-heading{color:#222d3e;font-family:Roboto,sans-serif;font-size:5rem;margin-bottom:.5rem;margin-left:3rem;margin-top:-10.5rem;position:relative;text-align:left;z-index:1}.heading-line{background:#78c4c8;border-radius:5px;height:4px;margin-left:3rem;width:100px}.about-info{color:#222d3e;font-family:Open Sans,sans-serif;font-size:1.7rem;font-weight:500;margin-bottom:8rem;margin-left:3rem;margin-top:8rem;text-align:left;width:60%}.info-container{display:grid;grid-template-columns:repeat(2,auto);grid-template-rows:repeat(4,auto);height:100%;margin-left:3rem;width:100vw}.info-one{background:#222d3e;margin-left:10rem;margin-top:2rem;width:300px}.info-one,.info-two{border-radius:5px;grid-area:1/1;height:1px}.info-two{background:#78c4c8;margin-left:15rem;margin-top:4rem;position:relative;width:250px}.info-background{grid-column-end:1;grid-column-start:1;grid-row-end:2;height:auto;left:0;margin-top:15rem;position:relative;width:100%}.info-text{color:#222d3e;font-family:Open Sans,sans-serif;font-size:1.3rem;letter-spacing:.5px;margin-top:5rem}.info-text p{padding-bottom:10px}.timeline-button button{background-color:#78c4c8;border:none;color:#222d3e;cursor:hand;font-family:League Spartan,sans-serif;font-size:1rem;font-weight:500;height:45px;letter-spacing:1px;position:relative;text-align:center;transition:all .3s ease-in-out;width:100px}.timeline-button button:hover{color:#ebeff0;cursor:pointer;margin-right:9px}.timeline-arrow{color:#222d3e;font-size:1.5rem;margin-left:-.8rem;padding-top:.6rem;position:absolute;transition:.3s;z-index:1}.timeline-arrow:hover{-webkit-transform:translateX(9px);transform:translateX(9px)}.scroll-down{font-family:League Spartan,sans-serif;font-size:11px;grid-area:1/1;letter-spacing:3px;padding-top:3rem;position:absolute;right:40px;text-transform:uppercase}.scroll-line{border-left:1px solid #222d3e;height:150px;margin-left:1.5rem;margin-top:.5rem;place-self:center}.me{background-attachment:fixed;background-color:#ebeff0;background-image:linear-gradient(135deg,#cee9eb 25%,transparent 0),linear-gradient(225deg,#cee9eb 25%,transparent 0),linear-gradient(45deg,#cee9eb 25%,transparent 0),linear-gradient(315deg,#cee9eb 25%,#ebeff0 0);background-position:10px 0,10px 0,0 0,0 0;background-repeat:repeat;background-size:20px 20px;grid-area:2/1;margin-bottom:10rem;margin-right:4rem;margin-top:5rem;position:relative;width:80%}.me img{border-radius:5%;width:60%}.more-info{color:#222d3e;font-family:Open Sans,sans-serif;font-size:1.3rem;grid-area:2/2;letter-spacing:.5px;margin-left:5rem;margin-right:15rem;margin-top:5rem;place-self:center;position:relative;width:100%}.more-info-line{border-top:1px solid #222d3e;grid-area:3/2;height:1px;margin-bottom:5rem;width:300px}@media only screen and (min-width:576px) and (max-width:850px){.info-one{margin-left:2rem;margin-top:4rem}.info-two{margin-left:5rem;margin-top:6rem}.scroll-down{grid-area:1/1;margin-top:8rem}.scroll-line{height:150px}.info-text{padding-right:5rem;padding-top:5rem}.me{margin-bottom:5rem;width:80%}.me img{width:40%}.more-info{font-size:1.3rem;grid-area:3;margin:1rem 2rem 5rem}.more-info p{padding-right:5rem}}@media only screen and (min-width:300px) and (max-width:575px){.heading-background{margin-left:6rem}.about-heading{font-size:4.3rem}.about-info{display:block;margin-bottom:1rem;margin-top:6rem;width:80%}.info-container{margin:-3rem 1rem 1rem;width:100%}.info-one{margin-left:2rem;margin-top:8rem}.info-two{margin-left:5rem;margin-top:10rem}.scroll-down{grid-area:1/1;margin-left:15rem;margin-top:10rem}.scroll-line{height:150px}.info-text{font-size:1.2rem;padding-right:2rem;padding-top:6rem}.me{margin-bottom:5rem;width:90%}.me img{width:70%}.more-info{font-size:1.3rem;grid-area:3;margin:1rem 2rem 5rem}.more-info-line{width:90%}.more-info p{font-size:1.2rem;padding-right:2rem}}#projects{background-color:#ebeff0;margin-top:4rem;width:100vw}.projects-heading{color:#222d3e;font-family:Roboto,sans-serif;font-size:5rem;margin-bottom:.5rem;margin-left:3rem;margin-top:4rem;position:relative;text-align:left;z-index:1}.projects-background{background-color:#ebeff0;background-image:repeating-linear-gradient(45deg,#aedbde,#aedbde 1px,#ebeff0 0,#ebeff0 50%);background-size:10px 10px;display:inline-block;height:180px;margin-left:10rem;margin-top:-8.5rem;position:relative;width:70%}.projects-line{background:#78c4c8;border-radius:5px;height:4px;margin-left:3rem;margin-top:-2.5rem;width:100px}.projects-scroll{font-family:League Spartan,sans-serif;font-size:11px;letter-spacing:3px;margin-left:13rem;margin-top:9rem;text-transform:uppercase}.projects-scroll-line{border-left:.5px solid #222d3e;height:150px;margin-left:1.5rem;margin-top:.5rem;place-self:center}.code-container{align-items:center;display:flex;justify-content:center;margin-left:37rem;margin-top:-10rem}.code{color:#78c4c8;display:inline-flex;font-family:Roboto,sans-serif;font-size:5rem;position:relative;width:200px}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);margin-top:15rem}.projects-grid img{border:1px transparent;border-radius:4px;box-shadow:8px 8px 22px -15px rgba(0,0,0,.75);display:flex;margin:auto;width:60%}.projects-grid h3{color:#222d3e;font-family:Roboto;font-size:2.5rem;margin:auto;text-align:center}.highlights{background-color:#78c4c8;bottom:auto;height:36%;left:1%;position:absolute;top:55%;width:100%;z-index:-1}.underline{color:#222d3e;display:inline;position:relative;z-index:1}.project-description{padding:.5rem}.code-info{align-items:center;display:flex;justify-content:center;margin-top:1rem}.code-info a{color:#222d3e;font-size:.8rem;padding-left:.5rem;padding-right:.5rem;text-decoration:none}.code-info a:hover{color:#78c4c8}.project-one{grid-area:1/1}.project-one-info{align-items:center;color:#222d3e;font-family:Open Sans;font-size:1rem;grid-area:1/2;justify-content:center;letter-spacing:.5px;width:90%}.project-two{grid-area:2/1;margin-top:5rem}.project-two-info{align-items:center;color:#222d3e;font-family:Open Sans;font-size:1rem;grid-area:2/2;justify-content:center;letter-spacing:.5px;margin-top:5rem;width:90%}.project-three{grid-area:3/1;margin-bottom:5rem;margin-top:5rem;place-self:center}.project-three-info{align-items:center;color:#222d3e;font-family:Open Sans;font-size:1rem;grid-area:3/2;justify-content:center;letter-spacing:.5px;margin-top:5rem;width:90%}.project-four{grid-area:4/1;margin-bottom:5rem;margin-top:5rem;place-self:center}.project-four-info{align-items:center;color:#222d3e;font-family:Open Sans;font-size:1rem;grid-area:4/2;justify-content:center;letter-spacing:.5px;margin-top:5rem;width:90%}.project-one,.project-three,.project-two{transition-duration:1s}.project-one:hover,.project-three:hover,.project-two:hover{scale:1.02}.show-more{margin-left:4rem}.show-more button{background:transparent;border:none;color:#222d3e;cursor:pointer;font-family:Roboto,sans-serif;font-size:1.7rem}.show-more p{margin-left:4rem}.show-more p a{color:#78c4c8;font-family:Open Sans,sans-serif;font-size:1.4rem;font-weight:bolder;letter-spacing:.5px;text-decoration:none}.show-more p a:hover{color:#222d3e}@media only screen and (min-width:576px) and (max-width:945px){.projects-scroll{margin-left:10rem}.code-container{margin-left:26.5rem}.projects-grid img{width:85%}.project-three-info,.project-two-info{margin-top:7rem}.projects-grid h3{font-size:1.7rem}.show-more{margin-left:2rem}.show-more button{font-size:1.5rem}.show-more p a{font-size:1.3rem}}@media only screen and (min-width:300px) and (max-width:575px){.projects-background{margin-left:6rem}.projects-heading{font-size:4.3rem}.projects-line{margin-top:-2.5rem}.projects-scroll{margin-bottom:1rem;margin-left:3rem;margin-top:10rem}.projects-scroll-line{height:150px}.code-container{margin-left:12rem;margin-top:-15rem}.projects-grid{display:block}.projects-grid h3{font-size:1.7rem}.projects-grid img{width:100%}.project-one,.project-three,.project-two{align-items:center;margin:2rem}.project-four-info,.project-one-info,.project-three-info,.project-two-info{margin:0 auto;text-align:center}.project-three-info{margin-bottom:3rem}#more-projects{display:flex;margin:0 auto}.show-more{margin:0 auto}.show-more button{font-size:1.3rem}.show-more p{margin-left:1rem}.show-more p a{font-size:1rem}}.footer-container{background-color:#ebeff0;border-top:.5px solid #222d3e;height:80px;text-align:center;width:100vw}.footer-info{color:#222d3e;font-family:Open Sans,sans-serif;font-size:.7rem;margin-top:.1rem}.footer-socials{font-size:1.3rem;margin-bottom:.1rem;margin-top:1rem}.footer-socials a{color:#222d3e;padding-left:.5rem;padding-right:.5rem;text-decoration:none}.footer-socials a:hover{color:#78c4c8}*{overflow-x:hidden}body,html{margin:0;width:100vw}@supports (-webkit-overflow-scrolling:touch){.background-image{background-attachment:scroll}}
/*# sourceMappingURL=main.9c788ac8.css.map*/