@import "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";:root{--text-colour:#0f261f;--text-colour-light:#e5e0d2;--light-green:#c2c0a5;--dark-green:#173b30;--background-colour:#e5e0d2;--hover-colour:#8f8d8d;--hover-colour-light:#cecece;--navbar-height:3.5rem}*{color:var(--text-colour);font-family:Montserrat,sans-serif}html{scroll-behavior:smooth;width:100%;height:100%;margin:0;padding:0}body{background-color:var(--background-colour);overflow:hidden;margin:0!important;padding:0!important}.scrollContainer{scroll-snap-type:y mandatory;width:100%;height:100vh;scroll-padding-top:var(--navbar-height);overflow:hidden scroll}.contentWrapper{max-width:90rem;margin:0 auto;padding:0 2rem}.scrollContainer{scrollbar-width:thin;scrollbar-color:#415a77 var(--text-colour)}.scrollContainer::-webkit-scrollbar{width:10px}.scrollContainer::-webkit-scrollbar-track{background:var(--text-colour)}.scrollContainer::-webkit-scrollbar-thumb{background-color:#415a77}.App{text-align:center}body{height:100vh}@media screen and (width<=768px){.content{margin:0}}.footer{text-align:center;width:100%;padding:20px 0;position:relative;bottom:0}.sm-icons{margin-bottom:10px}.icon{width:30px;height:30px;margin:0 10px;font-size:24px}.icon:hover{stroke:var(--hover-colour)}.navbar{justify-content:space-between;margin-top:2rem;padding:20px 40px;font-family:inherit;font-size:25px;text-decoration:none;display:flex}.name{margin:0;font-family:inherit;font-size:4rem;text-decoration:none}.pages{justify-content:end;align-items:flex-end;gap:20px;margin:0;padding:0;text-decoration:none;display:flex}.navItem,.dropItem{padding:.6rem 0;font-size:2rem;text-decoration:none;transition:background-color .3s;position:relative}.dropItem{padding:5px;position:relative}.navItem:hover,.dropItem:hover,.dropdown-parent:hover .downIcon path{color:var(--hover-colour)}.dropdown-parent{display:flex;position:relative}.dropdown i{margin-left:10px}.dropdown-items{z-index:10;text-align:left;background-color:#e5e0d2;border-radius:10px;margin-left:10px;font-size:.55cm;text-decoration:none;display:none;position:absolute;box-shadow:0 8px 16px #0003}.dropdown-items.dropItem{text-decoration:none;display:block}.downIcon{width:30px;height:30px;padding:0}.dropdown:hover .dropdown-items{flex-direction:column;text-decoration:none;display:flex}@media (width<=768px){.navbar{padding:1.25rem 0;font-size:20px}.home{position:center;content:center}.navbar-links{flex-direction:column;gap:10px}.name{margin:0;font-family:inherit;font-size:3.5rem;text-decoration:none}}@media (width<=435px){.name{font-size:3rem}}.bio{flex-direction:column;align-items:center;gap:2rem;width:100%;margin:0 auto;display:flex}.bio-left{text-align:center;order:2;margin:0;font-size:1.5rem}.bio-left p{margin:0}.bio-right{flex-direction:column;align-items:center;gap:1rem;display:contents}.bio-right img.me{order:1;max-width:100%;height:auto;max-height:500px}.bio-resume{text-align:center;stroke:var(--text-colour);order:3}.bio-resume a{align-items:center;font-size:1.5rem;text-decoration:none;display:inline-flex}.arrow{stroke:inherit}.bio-resume a:hover{color:var(--hover-colour);stroke:var(--hover-colour)}@media (width>=450px){.bio-left p{font-size:1.8rem}}@media (width>=875px){.bio-left p{font-size:2.5rem}.bio-resume a{font-size:1.8rem}}@media (width>=1280px){.bio{flex-direction:row;justify-content:space-between;align-items:flex-start;margin:0 auto}.bio-left{text-align:left;flex:1;order:1;margin:.5rem 1.25rem 0 0;font-size:2.95rem}.bio-left p{margin:0}.bio-right{flex-direction:column;order:2;align-items:center;margin-top:1.2rem;display:flex}.bio-right img.me{max-width:100%;height:auto;max-height:500px}.bio-resume{order:2}.bio-resume a{font-size:2.25rem}}.projects-content{margin-top:0}.projects-list-title{margin:.5rem 0;font-size:1.5rem}.projects-list{margin-top:0}@media (width>=768px){.projects-content{margin-top:0}.projects-list-title{margin:.5rem 0;font-size:2.5rem}.projects-list{margin-top:0}}.project-list-item-info{flex:1;min-width:0;margin:0}.project-list-item{background-color:var(--light-green);align-items:left;border:2px solid #0000;border-radius:10px;flex-direction:column;justify-content:space-between;gap:.25rem;margin-bottom:1rem;padding:1rem;display:flex}.project-list-item-title-bar{justify-content:space-between;margin:0;padding:0;display:flex}.project-list-item-title{margin:0;font-size:1.75rem}.project-list-item-summary{margin:0 0 .5rem;font-size:1.15rem}.project-list-item-date{margin-bottom:.5rem;font-size:1.15rem}.project-list-item-tags{flex-wrap:wrap;gap:.25rem;margin:0;padding:0;display:flex}.project-list-item-tag{background-color:var(--dark-green);color:var(--text-colour-light);border-radius:10px;padding:.5rem;font-size:1rem}.project-links{stroke:inherit;flex-direction:row;flex-shrink:0;justify-content:center;margin:0;display:flex}.project-github,.project-link{width:30px;height:30px;margin:0;padding:0}.project-github:hover,.project-link:hover{color:var(--hover-colour);stroke:var(--hover-colour)}@media (width>=768px){.project-list-item-info{flex:1;min-width:0;margin:0}.project-list-item{background-color:var(--light-green);border:2px solid #0000;border-radius:10px;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex}.project-list-item-title-bar{justify-content:space-between;margin:0;padding:0;display:flex}.project-list-item-title{margin:0 0 .5rem;padding:0;font-size:2rem}.project-list-item-summary{margin:0 0 .5rem;font-size:1.25rem}.project-list-item-date{margin-bottom:.5rem;font-size:1.25rem}.project-list-item-tags{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;display:flex}.project-list-item-tag{background-color:var(--dark-green);color:var(--text-colour-light);border-radius:10px;padding:.5rem;font-size:1.25rem}.project-links{stroke:inherit;flex-direction:column;flex-shrink:0;margin:0;display:flex}.project-github,.project-link{width:35px;height:35px;margin:0;padding:0}.project-github:hover,.project-link:hover{color:var(--hover-colour);stroke:var(--hover-colour)}}.home-content{flex-direction:column;gap:2rem;display:flex}@media (width>=768px){.home-content{padding:0 2.5rem}}.note-list-item{background-color:var(--light-green);align-items:left;filter:grayscale(0%);cursor:pointer;border:2px solid #0000;border-radius:10px;flex-direction:column;justify-content:space-between;gap:.25rem;margin-bottom:1rem;padding:1rem;transition:filter .15s;display:flex}.note-list-item:hover{filter:grayscale(50%)}.note-list-item-title-bar{flex-direction:column;margin:0;padding:0;display:flex}.note-list-item-title{margin:0 0 .5rem;padding:0;font-size:1.75rem}.note-list-item-summary{margin:0 0 .5rem;font-size:1.15rem}.note-list-item-date{margin-bottom:.5rem;font-size:1.15rem}.note-list-item-tags{flex-wrap:wrap;gap:.25rem;margin:0;padding:0;display:flex}.note-list-item-tag{background-color:var(--dark-green);color:var(--text-colour-light);border-radius:10px;padding:.5rem;font-size:1rem}.note-list-item :hover{filter:greyscale(100%);transition:filter .3s}@media (width>=768px){.note-list-item{background-color:var(--light-green);align-items:left;filter:grayscale(0%);cursor:pointer;border:2px solid #0000;border-radius:10px;flex-direction:column;justify-content:space-between;gap:.05rem;margin-bottom:1rem;padding:1rem;transition:filter .15s;display:flex}.note-list-item:hover{filter:grayscale(50%)}.note-list-item-title-bar{flex-direction:row;justify-content:space-between;align-items:center;margin:0;padding:0;display:flex}.note-list-item-title{margin:0 0 .5rem;padding:0;font-size:2rem}.note-list-item-summary{margin:0 0 .5rem;font-size:1.25rem}.note-list-item-date{margin-bottom:.5rem;font-size:1.25rem}.note-list-item-tags{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;display:flex}.note-list-item-tag{background-color:var(--dark-green);color:var(--text-colour-light);border-radius:10px;padding:.5rem;font-size:1.25rem}.note-list-item :hover{filter:greyscale(100%);transition:filter .3s}}.notes-list-page{margin-top:0;padding:0}.notes-list-title{margin:.5rem 0;font-size:2.25rem}.notes-list{margin-top:0}.back-arrow:hover{color:var(--hover-colour);stroke:var(--hover-colour)}@media (width>=768px){.notes-list-page{margin-top:0;padding:0 2.5rem}.notes-list-title{margin:.5rem 0;font-size:2.5rem}.back-arrow{width:40px;height:40px}.back-arrow:hover{color:var(--hover-colour);stroke:var(--hover-colour)}.notes-list{margin-top:0}}.note{text-wrap:wrap;flex-direction:column;padding:0;display:flex}.note-link-bar{justify-content:space-between;padding:0;display:flex}.back-arrow:hover,.note-github-link:hover,.note-link:hover{color:var(--hover-colour);stroke:var(--hover-colour)}.note-title-bar{flex-direction:column;margin:1rem 0 .5rem;padding:0;display:flex}.note-title{margin:0}.note-date{margin-top:0;font-size:1.15rem}.note-tag-link-bar{justify-content:space-between;align-items:center;display:flex}.note-github-link,.note-link{width:30px;height:30px}.back-arrow{width:35px;height:35px}.note-content{word-wrap:break-word;overflow-wrap:break-word;text-wrap:wrap;max-width:100%;font-size:1.15rem}.note-tags{flex-wrap:wrap;gap:.25rem;margin:0;padding:0;display:flex}.note-tag{background-color:var(--light-green);border-radius:10px;padding:.5rem;font-size:1rem}@media (width>=768px){.note{text-wrap:wrap;flex-direction:column;padding:0 2.5rem;display:flex}.note-link-bar{justify-content:space-between;padding:0;display:flex}.back-arrow:hover,.note-github-link:hover,.note-link:hover{color:var(--hover-colour);stroke:var(--hover-colour)}.note-title-bar{flex-direction:row;justify-content:space-between;margin:1rem 0 .5rem;padding:0;display:flex}.note-title{margin:0}.note-date{align-self:center;margin-top:0;font-size:1.15rem}.note-tag-link-bar{justify-content:space-between;align-items:center;display:flex}.note-tags{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;display:flex}.note-tag{background-color:var(--light-green);border-radius:10px;padding:.5rem;font-size:1.25rem}.note-github-link,.note-link{width:30px;height:30px}.back-arrow{width:40px;height:40px}.note-content{word-wrap:break-word;overflow-wrap:break-word;text-wrap:wrap;max-width:100%;font-size:1.25rem}}