@import url(https://fonts.googleapis.com/css?family=Anonymous+Pro);@import url(https://fonts.googleapis.com/css2?family=Caprasimo&display=swap);html{overscroll-behavior-y:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{font-family:League Spartan,sans-serif;width:100%}.app section{scroll-margin-top:4rem}.nav-bar{align-items:center;background-color:#2c6e49;box-sizing:border-box;display:flex;height:100px;justify-content:space-around;overflow:visible;position:fixed;top:0;width:100%;z-index:10}.nav-bar .nav-bar__logo{display:none}.nav-bar .nav-bar__hamburger{background:transparent;border:none;border-radius:4px;color:#ffc9b9;cursor:pointer;display:none;flex-direction:column;gap:6px;height:44px;justify-content:center;padding:0;transition:color .2s;width:44px}.nav-bar .nav-bar__hamburger:hover{color:#d68c45}.nav-bar .nav-bar__hamburger-line{background:currentColor;border-radius:2px;display:block;height:3px;transition:opacity .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,opacity .3s ease;transition:transform .3s ease,opacity .3s ease,-webkit-transform .3s ease;width:28px}.nav-bar .nav-bar__links{align-items:center;display:flex;flex:1 1;justify-content:space-around}.nav-bar .nav-link{color:#ffc9b9;display:inline-block;font-size:1.75rem;font-weight:700;text-decoration:none}.nav-bar .nav-link:hover{-webkit-animation:nav-link-pop .35s ease-out;animation:nav-link-pop .35s ease-out;color:#d68c45}@-webkit-keyframes nav-link-pop{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.15);transform:scale(1.15)}}@keyframes nav-link-pop{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.15);transform:scale(1.15)}}@media(max-width:768px){.nav-bar{align-items:center;flex-wrap:wrap;height:auto;justify-content:space-between;min-height:100px;padding:0 1rem 0 1.5rem}.nav-bar .nav-bar__logo{color:#ffc9b9;display:block;line-height:0;order:1;transition:color .2s}.nav-bar .nav-bar__logo:hover{color:#d68c45}.nav-bar .nav-bar__logo-img{background-color:currentColor;display:block;height:48px;mask:url(/static/media/sq_logo.c17e15e75a849ab8249c.png) no-repeat center/contain;-webkit-mask:url(/static/media/sq_logo.c17e15e75a849ab8249c.png) no-repeat center/contain;width:48px}.nav-bar .nav-bar__hamburger{display:flex;flex-shrink:0;order:2}.nav-bar .nav-bar__links{display:none;flex-direction:column;gap:.5rem;order:3;padding:1rem 0 1.5rem;width:100%}.nav-bar .nav-bar__links .nav-link{font-size:1.25rem;padding:.5rem}.nav-bar.nav-bar--open .nav-bar__logo{left:1rem;position:absolute;top:1.25rem}.nav-bar.nav-bar--open .nav-bar__links{display:flex}.nav-bar.nav-bar--open .nav-bar__hamburger{position:absolute;right:1.5rem;top:1.25rem}.nav-bar.nav-bar--open .nav-bar__hamburger-line:first-child{-webkit-transform:translateY(9px) rotate(45deg);transform:translateY(9px) rotate(45deg)}.nav-bar.nav-bar--open .nav-bar__hamburger-line:nth-child(2){opacity:0}.nav-bar.nav-bar--open .nav-bar__hamburger-line:nth-child(3){-webkit-transform:translateY(-9px) rotate(-45deg);transform:translateY(-9px) rotate(-45deg)}}.down-arrow{border-left:50px solid transparent;border-right:50px solid transparent;border-top:50px solid pink;height:0;margin:0 auto;width:0}.home{background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh;position:relative}.home .MuiTypography-h1{color:#2c6e49;font-family:Caprasimo,cursive;padding-top:30%;position:relative;text-align:center;z-index:1}.home .MuiTypography-body1{font-size:3rem;margin-left:50px;padding-top:30px}.home .down-arrow{border-top-color:#2c6e49;position:relative;z-index:1}@media only screen and (max-width:1000px){.home .inner-container{padding:0 0 20px}.home .MuiTypography-body1{margin-left:20px;padding:20px}.home .MuiTypography-h1{padding-top:50%}}.about{background-color:#ffc9b9;-webkit-clip-path:polygon(0 0,calc(50% - 50px) 0,50% 50px,calc(50% + 50px) 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,calc(50% - 50px) 0,50% 50px,calc(50% + 50px) 0,100% 0,100% 100%,0 100%);margin-top:-80px;position:relative;z-index:2}.about .profile-pic-frame{--r:25px;background:#4c956c;height:375px;margin-bottom:20px;margin-right:50px;mask:linear-gradient(#000 0 0) no-repeat 50%/calc(100% - var(--r)*2) calc(100% - var(--r)*2),radial-gradient(farthest-side,#000 97%,#0000) 0 0/calc(var(--r)*2) calc(var(--r)*2) round;-webkit-mask:linear-gradient(#000 0 0) no-repeat 50%/calc(100% - var(--r)*2) calc(100% - var(--r)*2),radial-gradient(farthest-side,#000 97%,#0000) 0 0/calc(var(--r)*2) calc(var(--r)*2) round;padding:calc(var(--r)*1.5);width:375px}.about .profile-pic{display:block;height:100%;object-fit:cover;width:100%}.about .MuiTypography-h1{padding-top:80px;text-align:center}.about .inner-container{display:flex;justify-content:center;padding:30px}.about .about-summary{padding-bottom:20px;width:60%}@media only screen and (max-width:600px){.about .inner-container{flex-direction:column}.about .inner-container .profile-pic-frame{margin:0 auto;max-width:75%}.about .inner-container .about-summary{margin:20px auto;width:90%}}.contact{background-color:#e8efe8;text-align:center}.contact .social-icons{display:flex;justify-content:space-between;margin:0 auto;padding:20px;width:100px}.contact .MuiInput-root{margin-top:30px}.contact .contact-form{margin:0 auto;padding:50px;width:50%}.contact .contact-form .form-field{width:90%}.contact .contact-form .send-btn-container{display:flex;justify-content:end;margin:20px 30px}.contact .contact-form .MuiAlert-root{margin:30px}.contact .MuiButton-outlined{border:2px solid #4c956c;color:#4c956c;font-size:1rem;font-weight:700}.contact .MuiButton-outlined:hover{background-color:#d68c45;border:2px solid #d68c45;color:#ffc9b9}.contact .inner-container{padding:30px}.contact .down-arrow{border-top-color:#4c956c}@media only screen and (max-width:600px){.contact .contact-form{padding:20px;width:80%}.contact .contact-form .MuiAlert-root{margin:10px}}.logo{height:45px;object-fit:contain;width:45px}.project-header .title{align-items:center;display:flex;justify-content:space-between}.project{margin:0 10px 40px 0;text-align:center;width:500px}.project .project-tech{display:flex;justify-content:space-around}@media only screen and (max-width:600px){.project{width:100%}}.projects{background-color:#4c956c;text-align:center}.projects .inner-container{padding:30px}.projects .cards-container{display:flex;flex-wrap:wrap;justify-content:space-around;margin:0 auto;max-width:80%;padding:30px}.projects .down-arrow{border-top-color:#d68c45}@media only screen and (max-width:600px){.projects .cards-container{flex-direction:column;width:100%}.projects .cards-container .project{align-self:center;margin-bottom:20px}}.tools{background-color:#d68c45;text-align:center}.tools .inner-container{padding:30px}.tools .down-arrow{border-top-color:#ffc9b9}
/*# sourceMappingURL=main.40e8adea.css.map*/