@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap);.App{text-align:center}body{height:100vh}@media screen and (max-width:768px){.content{margin:0}}.footer{bottom:0;padding:20px 0;position:relative;text-align:center;width:100%}.sm-icons{margin-bottom:10px}.icon{font-size:24px;height:30px;margin:0 10px;width:30px}.icon:hover{stroke:#8f8d8d}.navbar{align-items:center;display:flex;font-size:25px;justify-content:space-between;margin-top:2rem;overflow:hidden;padding:20px 40px;position:relative}.name,.navbar{font-family:inherit;text-decoration:none}.name{font-size:4rem;margin:0}.pages{display:flex;gap:20px;margin:0;padding:0;text-decoration:none}.dropItem,.navItem{padding:8px 16px;position:relative;text-decoration:none;transition:background-color .3s ease}.dropItem{padding:5px;position:relative}.dropItem:hover,.dropdown-parent:hover .downIcon path,.navItem:hover{color:#8f8d8d}.dropdown-parent{display:flex;position:relative}.dropdown i,.dropdown-items{margin-left:10px}.dropdown-items{background-color:#e5e0d2;border-radius:4px;border-radius:10px;box-shadow:0 8px 16px #0003;display:none;font-size:.55cm;position:absolute;text-align:left;text-decoration:none;z-index:10}.dropdown-items.dropItem{display:block;text-decoration:none}.downIcon{height:30px;padding:0;width:30px}.dropdown:hover .dropdown-items{display:flex;flex-direction:column;text-decoration:none}@media (max-width:768px){.navbar{flex-direction:column;font-size:20px;padding:1.25rem 0}.home{content:center;position:center}.navbar-links{flex-direction:column;gap:10px}.name{font-family:inherit;font-size:3.5rem;margin:0;text-decoration:none}}@media (max-width:435px){.name{font-size:3rem}}.bio{align-items:center;display:flex;flex-direction:column;gap:2rem;margin:0 auto;width:100%}.bio-left{font-size:1.5rem;margin:0;order:2;text-align:center}.bio-left p{margin:0}.bio-right{align-items:center;display:contents;flex-direction:column;gap:1rem}.bio-right img.me{height:auto;max-height:500px;max-width:100%;order:1}.bio-resume{stroke:#0f261f;order:3;text-align:center}.bio-resume a{align-items:center;display:inline-flex;font-size:1.5rem;text-decoration:none}.arrow{stroke:inherit}.bio-resume a:hover{stroke:#8f8d8d;color:#8f8d8d}@media (min-width:450px){.bio-left p{font-size:1.8rem}}@media (min-width:875px){.bio-left p{font-size:2.5rem}.bio-resume a{font-size:1.8rem}}@media (min-width:1280px){.bio{align-items:flex-start;flex-direction:row;justify-content:space-between;margin:0 auto}.bio-left{flex:1 1;font-size:2.95rem;margin:.5rem 1.25rem 0 0;order:1;text-align:left}.bio-left p{margin:0}.bio-right{align-items:center;display:flex;flex-direction:column;margin-top:1.2rem;order:2}.bio-right img.me{height:auto;max-height:500px;max-width:100%}.bio-resume{order:2}.bio-resume a{font-size:2.25rem}}.projects-content{margin-top:0}.projects-title{font-size:1.5rem;margin-bottom:.5rem;margin-top:.5rem}.projects-title h2{margin:0}.projects-list{margin-top:0}.project-item{align-items:center;background-color:#c2c0a5;border:2px solid #0000;border-radius:10px;display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem;padding:1rem}.project-text p{font-size:1.15rem;margin:.5rem 0}.project-text h1{font-size:1.75rem;margin-bottom:0;margin-top:0}.skill{display:flex;flex-wrap:wrap;gap:.25rem;list-style-type:none;margin:0;padding:0}.skill li{background-color:#173b30;border-radius:10px;color:#e5e0d2;font-size:1rem;padding:.5rem}.project-info{margin:0;min-width:0}.project-links{stroke:inherit;display:flex;flex-direction:row;flex-shrink:0;margin:0}.project-links-github-logo,.project-links-website-logo{height:30px;margin:0;padding:0;width:30px}.project-links-github :hover,.project-links-website :hover{stroke:#8f8d8d;color:#8f8d8d}.project-links-github,.project-links-website{margin:0}@media (min-width:768px){.projects-content{margin-top:0}.projects-title{font-size:2rem;margin-bottom:.5rem;margin-top:.5rem}.projects-title h2{margin:0}.projects-list{margin-top:0}.project-item{align-items:center;background-color:#c2c0a5;border:2px solid #0000;border-radius:10px;display:flex;flex-direction:row;gap:1rem;justify-content:space-between;margin-bottom:1rem;padding:1rem}.project-text p{font-size:1.25rem}.project-text h1{font-size:2rem;margin-bottom:.5rem;margin-top:.5rem}.skill{display:flex;flex-wrap:wrap;gap:8px;list-style-type:none;margin:0;padding:0}.skill li{background-color:#173b30;border-radius:10px;color:#e5e0d2;font-size:1.25rem;padding:7px 10px}.project-info{flex:1 1;margin:0;min-width:0}.project-links{stroke:inherit;display:flex;flex-direction:column;flex-shrink:0;margin:0}.project-links-github-logo,.project-links-website-logo{height:30px;margin:0;padding:0;width:30px}.project-links-github :hover,.project-links-website :hover{stroke:#8f8d8d;color:#8f8d8d}.project-links-github,.project-links-website{margin:0}}.home-content{display:flex;flex-direction:column;gap:2rem}@media (min-width:768px){.home-content{padding:0 2.5rem}}:root{--text-colour:#0f261f;--navbar-height:3.5rem}*{color:#0f261f;color:var(--text-colour);font-family:Montserrat,sans-serif}html{height:100%;margin:0;padding:0;scroll-behavior:smooth;width:100%}body{background-color:#e5e0d2;margin:0!important;overflow:hidden;padding:0!important}.scrollContainer{height:100vh;overflow-x:hidden;overflow-y:scroll;scroll-padding-top:3.5rem;scroll-padding-top:var(--navbar-height);scroll-snap-type:y mandatory;width:100%}.contentWrapper{margin:0 auto;max-width:90rem;padding:0 2rem}.scrollContainer{scrollbar-color:#415a77 #0f261f;scrollbar-color:#415a77 var(--text-colour);scrollbar-width:thin}.scrollContainer::-webkit-scrollbar{width:10px}.scrollContainer::-webkit-scrollbar-track{background:#0f261f;background:var(--text-colour)}.scrollContainer::-webkit-scrollbar-thumb{background-color:#415a77}
/*# sourceMappingURL=main.4c4c8ae3.css.map*/