@import"https://fonts.googleapis.com/css?family=Anonymous+Pro";@import"https://fonts.googleapis.com/css2?family=Caprasimo&display=swap";html{overscroll-behavior-y:none}body{margin:0;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}.app{width:100%;font-family:League Spartan,sans-serif}.app section{scroll-margin-top:4rem}.nav-bar{box-sizing:border-box;background-color:#2c6e49;display:flex;justify-content:space-around;top:0;position:fixed;width:100%;height:100px;align-items:center;z-index:10;overflow:visible}.nav-bar .nav-bar__logo{display:none}.nav-bar .nav-bar__hamburger{display:none;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;padding:0;border:none;background:transparent;cursor:pointer;color:#ffc9b9;border-radius:4px;transition:color .2s}.nav-bar .nav-bar__hamburger:hover{color:#d68c45}.nav-bar .nav-bar__hamburger-line{display:block;width:28px;height:3px;background:currentColor;border-radius:2px;transition:transform .3s ease,opacity .3s ease}.nav-bar .nav-bar__links{display:flex;flex:1;justify-content:space-around;align-items:center}.nav-bar .nav-link{display:inline-block;color:#ffc9b9;text-decoration:none;font-size:1.75rem;font-weight:700}.nav-bar .nav-link:hover{color:#d68c45;animation:nav-link-pop .35s ease-out}@keyframes nav-link-pop{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@media(max-width:768px){.nav-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;padding:0 1rem 0 1.5rem;min-height:100px;height:auto}.nav-bar .nav-bar__logo{display:block;order:1;line-height:0;color:#ffc9b9;transition:color .2s}.nav-bar .nav-bar__logo:hover{color:#d68c45}.nav-bar .nav-bar__logo-img{display:block;width:48px;height:48px;background-color:currentColor;mask:url(/sq_logo.png) no-repeat center/contain;-webkit-mask:url(/sq_logo.png) no-repeat center/contain}.nav-bar .nav-bar__hamburger{display:flex;order:2;flex-shrink:0}.nav-bar .nav-bar__links{display:none;flex-direction:column;width:100%;order:3;padding:1rem 0 1.5rem;gap:.5rem}.nav-bar .nav-bar__links .nav-link{font-size:1.25rem;padding:.5rem}.nav-bar.nav-bar--open .nav-bar__logo{position:absolute;top:1.25rem;left:1rem}.nav-bar.nav-bar--open .nav-bar__links{display:flex}.nav-bar.nav-bar--open .nav-bar__hamburger{position:absolute;top:1.25rem;right:1.5rem}.nav-bar.nav-bar--open .nav-bar__hamburger-line:nth-child(1){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){transform:translateY(-9px) rotate(-45deg)}}.down-arrow{width:0;height:0;border-left:50px solid transparent;border-right:50px solid transparent;border-top:50px solid pink;margin:-1px auto 0}.spotify-now-playing{display:flex;align-items:stretch;gap:1rem;padding:0;border-radius:16px;border:1px solid rgba(0,0,0,.45);background:#00000073;box-shadow:0 8px 24px #00000059;transition:transform .15s ease-out,box-shadow .15s ease-out}.spotify-now-playing:hover{transform:translateY(-1px);box-shadow:0 14px 36px #0000003d}.spotify-now-playing__art{flex:0 0 100px;overflow:hidden}.spotify-now-playing__art-img{display:block;width:100px;height:100px;border-radius:16px 0 0 16px;object-fit:cover}.spotify-now-playing__meta{display:flex;flex-direction:column;padding:.75rem .75rem .75rem 0;min-width:0;justify-content:center;max-width:300px;min-width:150px;flex-grow:1}.spotify-now-playing__meta-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.1rem}.spotify-now-playing__label{color:#ffc9b9;line-height:1!important}.spotify-now-playing__logo{flex-shrink:0;width:18px;height:18px;margin-top:-15px;opacity:.8}.spotify-now-playing__track{color:#e8efe8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spotify-now-playing__artists{color:#e8efe8e6;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home{position:relative;min-height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat}.home__now-playing{position:absolute;bottom:7rem;right:2rem;z-index:1}.home .MuiTypography-h1{text-align:center;padding-top:30vh;color:#2c6e49;font-family:Caprasimo,cursive}.home .MuiTypography-body1{padding-top:30px;margin-left:50px;font-size:3rem}.home .down-arrow{position:relative;z-index:1;border-top-color:#2c6e49}@media only screen and (max-width:500px){.home .home__now-playing{right:1rem;left:1rem}}.about{margin-top:-80px;background-color:#ffc9b9;z-index:2;position:relative;clip-path:polygon(0 0,calc(50% - 50px) 0,50% 50px,calc(50% + 50px) 0,100% 0,100% 100%,0 100%)}.about .profile-pic-frame{--r: 25px;width:375px;height:375px;padding:calc(1.5 * var(--r));margin-right:50px;background:#4c956c;margin-bottom:45px;mask:linear-gradient(#000 0 0) no-repeat 50%/calc(100% - 2 * var(--r)) calc(100% - 2 * var(--r)),radial-gradient(farthest-side,#000 97%,#0000) 0 0/calc(2 * var(--r)) calc(2 * var(--r)) round;-webkit-mask:linear-gradient(#000 0 0) no-repeat 50%/calc(100% - 2 * var(--r)) calc(100% - 2 * var(--r)),radial-gradient(farthest-side,#000 97%,#0000) 0 0/calc(2 * var(--r)) calc(2 * var(--r)) round}.about .profile-pic{display:block;width:100%;height:100%;object-fit:cover}.about .MuiTypography-h1{text-align:center;padding-top:80px}.about .inner-container{display:flex;justify-content:center;padding:30px}.about .about-summary{width:60%;padding-bottom:20px}@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{padding:20px;display:flex;justify-content:space-between;width:100px;margin:0 auto}.contact .MuiInput-root{margin-top:30px}.contact .contact-form{width:50%;padding:50px;margin:0 auto}.contact .contact-form .form-field{width:90%}.contact .contact-form .send-btn-container{display:flex;justify-content:flex-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{border:2px solid #d68c45;color:#ffc9b9;background-color:#d68c45}.contact .inner-container{padding:30px}.contact .down-arrow{border-top-color:#4c956c}@media only screen and (max-width:600px){.contact .contact-form{width:80%;padding:20px}.contact .contact-form .MuiAlert-root{margin:10px}}.logo{height:45px;width:45px;object-fit:contain}.project-header .title{display:flex;align-items:center;justify-content:space-between}.project{width:500px;margin:0 10px 40px 0;text-align:center}.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{padding:30px;margin:0 auto;display:flex;flex-wrap:wrap;max-width:80%;justify-content:space-around}.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}