:root{--navbar-height:60px;--accent-colour:#eeeeee;--background-colour:#212832;--secondary-colour:#32363f;--primary-colour:#84caf5}h1,h2,h3,h4,h5,h6{scroll-margin-top:var(--navbar-height)}body,html{background-color:var(--background-colour);font-family:sans-serif;line-height:1.5;max-width:100%;max-height:100%;margin:0;padding:0}h1,p{margin:0}h1{font-size:xx-large}h2{font-size:x-large}p,li{font-size:larger}header{position:fixed;margin-top:0;width:100%;top:0;height:fit-content}footer{margin-top:1rem}a{text-decoration:none}.navbar{height:var(--navbar-height);background-color:var(--background-colour);margin:0;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:100;position:sticky;top:0}.navbar ul{margin:0;display:flex;justify-content:center;align-items:center;gap:3rem;width:70%;max-height:100%;list-style:none;padding:0}.navbar li{width:fit-content}.navbar a{color:var(--primary-colour);text-decoration:none;display:flex;justify-content:center;align-items:center;font-size:larger;font-weight:700;transition:all .4s ease;width:100%;height:100%;text-decoration:underline .15em transparent;text-underline-offset:.2em}.navbar a:hover{color:var(--accent-colour);text-decoration:underline .15em var(--accent-colour)}.topcontent{padding:1rem 0 2rem;display:flex;flex-direction:column;width:100%;overflow:hidden;box-sizing:border-box;align-items:center;justify-content:center;height:fit-content;border-bottom:var(--primary-colour)solid 1px}#topcontent-post{color:var(--accent-colour);padding:2rem 0;display:flex;flex-direction:column;width:85%;margin-left:auto;margin-right:auto;margin-top:var(--navbar-height);height:fit-content;gap:.2rem}.postimage{margin-left:auto;margin-right:auto;width:auto;max-width:90vw;height:40vh;display:flex;margin-top:15px;border:2px solid var(--primary-colour);transition:all .4s ease;margin-bottom:15px;border-radius:20px}.postimage img{display:block;object-fit:contain;height:100%;width:100%}#image{flex:2;overflow:hidden;display:flex;justify-content:center;align-items:center;width:fit-content;height:fit-content}.uppercontent{flex:1;width:80vw;padding-top:1rem;display:flex;flex-direction:column;align-items:left;line-height:28px;color:var(--accent-colour)}.uppercontent h1{margin-bottom:5px}.uppercontent h2{margin-bottom:2px;margin-top:5px}.uppercontent a{text-decoration:underline;color:var(--accent-colour)}#profilepic{border-radius:25%;border:2px solid var(--primary-colour);max-width:70vw;height:auto;display:block;max-height:45vh;transition:all .4s ease}#profilepic:hover{border:2px solid var(--accent-colour)}#linkedin{height:var(--navbar-height);justify-content:center;align-items:center;padding-bottom:5px}#linkedin>svg{height:55%;fill:var(--primary-colour);transition:all .4s ease;object-fit:cover}#linkedin>svg:hover{fill:var(--accent-colour)}#icon{display:none;width:fit-content;top:10px;right:10px;position:absolute}#icon.active svg .top{transform:translateY(24px)translateX(-25px)rotate(45deg)}#icon.active svg .middle{opacity:0;visibility:hidden}#icon.active svg .bottom{transform:translateY(-20px)translateX(-28px)rotate(-45deg)}#icon svg rect{transition:all .4s ease;fill:var(--primary-colour);transform-origin:center}#mobiledropdown{position:fixed;flex-direction:column;background-color:var(--background-colour);height:150vh;width:100vw;margin-top:0;top:50px;padding:0;transition:all .4s ease;left:-100vw;overflow:hidden;display:none}#mobiledropdown.show{left:0}#mobiledropdown a{padding-left:10vw;text-decoration:none;color:var(--primary-colour)}#mobiledropdown li{margin-bottom:5vh;list-style-type:none;font-size:5vh;font-weight:300}#linkedinmobile{justify-content:left}#linkedinmobile>svg{height:var(--navbar-height);fill:var(--primary-colour);transition:all .4s ease;object-fit:cover}#projectsdiv{height:fit-content;width:95%;color:var(--primary-colour);display:flex;justify-content:center;align-items:center;flex-direction:column;padding:.5rem 0;margin-left:auto;margin-right:auto}#projectsdiv h1{transition:all .4s ease;text-decoration:underline .15em transparent;text-underline-offset:.2em}#projectsdiv h1:hover{text-decoration:underline .15em var(--accent-colour);text-underline-offset:.2em;color:var(--accent-colour)}#projectslist{width:100%;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));justify-items:center}.projectbox{position:relative;width:100%;padding-top:100%;background-color:var(--secondary-colour);border:2px solid var(--primary-colour);border-radius:25%;overflow:hidden;transition:all .4s ease}.projectbox:hover{border:2px solid var(--accent-colour);transform:translateY(-10px)scale(1.03);box-shadow:0 10px 20px rgba(0,0,0,.5);z-index:10}.projectcontents{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;box-sizing:border-box}.projectbox a{display:flex;flex-direction:column;text-decoration:none;height:100%;color:var(--accent-colour)}#imgwrapper{overflow:hidden;height:50%;object-position:bottom}#imgwrapper img{display:block;object-fit:cover;overflow:hidden;width:100%;height:100%;bottom:0}#content{height:50%;margin-left:1rem;margin-right:1rem;display:flex;flex-direction:column;justify-content:center}#contentfull{height:50%;margin-top:auto;margin-bottom:auto;margin-left:1rem;margin-right:1rem;line-height:3vh;display:flex;flex-direction:column;justify-content:center}#content h2{margin-top:2%;margin-bottom:1%}.project-tags{display:flex;margin-left:auto;margin-right:auto;justify-content:space-evenly;list-style:none;bottom:0;width:85%;padding-left:0;padding-top:5px;margin-top:auto;margin-bottom:1rem;align-self:flex-end}.project-tags li{border:var(--primary-colour)solid 1px;padding:5px;border-radius:9999px}.tag.university{background-color:#3cb371;color:#fff;border:#2e8b57 1px solid}.tag.ongoing{background-color:#6495ed;color:#fff;border:blue 1px solid}.tag.archived{background-color:gray;color:#fff;border:darkgrey 1px solid}.tag.matlab{background-color:#0868a3;border:orange 1px solid;color:#fff}.tag.teamwork{background-color:#e7cd4c;border:#f7dc6f 1px solid;color:#000}#tagsholder{width:fit-content;margin-left:0}#upperpost{color:var(--accent-colour);width:100%;justify-content:left;margin:0;display:flex;flex-direction:column;align-items:flex-start}#upperpost h2{margin-top:2vh;margin-bottom:.5vh}#upperpost a{text-decoration:underline;color:var(--accent-colour)}#upperpost ul{margin:0}#TableOfContents{background-color:var(--secondary-colour);border-radius:20px;box-sizing:border-box;margin-left:auto;margin-right:auto;max-height:70vh;height:auto;width:30%;order:0;margin-top:15px;padding-left:30px;padding-right:15px;border:2px solid var(--primary-colour);transition:all .4s ease;margin-bottom:15px}#TableOfContents ul{padding-left:0;padding-right:0;margin-left:0;margin-right:0;margin-top:12px}#TableOfContents li{margin-bottom:.75rem;padding-left:8px;font-weight:500;border-left:3px solid transparent;transition:border-color .2s,color .2s}#TableOfContents a{color:inherit;text-decoration:none;color:var(--accent-colour)}#TableOfContents li:hover{border-color:var(--primary-colour);color:var(--primary-colour)}#imagetoc{display:flex;flex-direction:row-reverse;justify-content:space-between;width:70vw}#imagetoc img{max-height:50vh;max-width:50vw;box-sizing:border-box;object-fit:cover}@media(max-width:768px){.navbar ul{display:none}.navbar{align-items:flex-end}#icon{display:flex;padding-right:5vw;padding-left:5vw}#mobiledropdown{display:block}#topcontent{padding-top:0}#profilepic{max-width:50vw}.uppercontent{width:92vw}#topcontent-post{width:92vw}#imagetoc{flex-direction:column;max-height:fit-content;width:85vw;margin-left:auto;margin-right:auto}.postimage{max-width:92vw;width:92vw;max-height:70vh}#projectslist{width:95%;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));height:fit-content}#TableOfContents{width:100%;margin-left:0;margin-right:0}#imagetoc img{max-height:none;max-width:none;width:100%;margin-left:0;margin-right:0}#content p{font-size:medium}#content li{font-size:medium}}