:root{--navbar-height:60px;--accent-colour:#eeeeee;--background-colour:#212832;--secondary-colour:hsl(221, 12%, 32%);--primary-colour:#62eae6}body,html{background-color:var(--background-colour);font-family:jetbrains mono,fira code,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85rem;line-height:1.5;margin:0;padding:0;scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar{display:none}html::-webkit-scrollbar{display:none}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;z-index:10}a{text-decoration:none}.navbar{height:0;background-color:var(--background-colour);margin:0;display:none;justify-content:center;align-items:center;flex-direction:column;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)}#landingpage{display:flex;width:100vw;height:97vh;flex-direction:column;border-bottom:var(--primary-colour)solid 1px;gap:20px;overflow:hidden;margin-top:20px}.back-link{display:inline-flex;align-items:center;gap:8px;color:var(--primary-colour,#64ffda);font-family:inherit;font-size:1rem;text-decoration:none;font-weight:500;margin-top:12px;transition:transform .2s ease,opacity .2s ease}.back-link:hover{transform:translateY(-4px);opacity:.85}#landingpage-main{color:var(--accent-colour);padding:0 0 2rem;display:flex;flex-direction:column;max-width:85vw;margin-left:auto;margin-right:auto;height:fit-content;gap:.2rem;line-height:1.6;font-size:small}#landingpage-main h1{margin-block-start:0;margin-block-end:0;font-size:xx-large}#landingpage-post{color:var(--accent-colour);padding:0 0 2rem;display:flex;flex-direction:column;width:100%;margin-left:auto;margin-right:auto;height:fit-content;gap:.5rem;line-height:1.6;font-size:small;text-align:justify}#landingpage-post h1,h2,h3{margin-top:0;margin-bottom:0}#landingpage-post a{overflow-wrap:break-word;word-break:break-word;max-width:100%}#profilepicdiv{flex:1;margin-left:auto;margin-right:auto;display:flex;flex-direction:row;width:100%;max-height:30vh;align-items:center;max-width:70vw}#linksdiv{flex:2;padding:8px 14px;font-family:jetbrains mono,fira code,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85rem;font-weight:500;color:var(--accent-colour)}#introduction{color:var(--accent-colour);max-width:100%;flex:10;display:flex;flex-direction:column;line-height:28px;color:var(--accent-colour);margin-right:10px;margin-left:10px}#linksdiv ul{padding-left:20px}#linksdiv a{text-decoration:underline;color:var(--primary-colour)}#profilepic{flex:1;border:2px solid var(--primary-colour);transition:all .4s ease;width:100%;height:100%;object-fit:cover;min-width:0;min-height:0;overflow:hidden;border-radius:16px}.graph-wrapper{flex:3;position:relative;background-color:#12181f;background-image:radial-gradient(rgba(255,255,255,.15) 1.5px,transparent 1.5px);background-size:20px 20px;border-radius:12px;border:1px solid rgba(255,255,255,8%);box-shadow:0 10px 30px rgba(0,0,0,.3);overflow:hidden}#graph{position:absolute;width:99%;height:100%;transition:transform .4s cubic-bezier(.25,1,.5,1);z-index:0}.graph-hint{display:flex;align-items:center;gap:10px;position:absolute;bottom:10px;left:50%;transform:translateX(-50%);padding:8px 14px;background:rgba(18,24,31,.65);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,8%);border-radius:20px;font-family:jetbrains mono,fira code,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85rem;font-weight:500;color:var(--accent-colour);box-shadow:0 4px 12px rgba(0,0,0,.25);pointer-events:auto;z-index:5;transition:all .3s ease}.graph-hint.closed{opacity:0}.pulse-dot{width:8px;height:8px;background-color:var(--accent-colour);border-radius:50%;position:relative}.pulse-dot::after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:50%;border:2px solid var(--accent-colour);animation:pulse-ring 2s infinite cubic-bezier(.215,.61,.355,1)}@keyframes pulse-ring{0%{transform:scale(.8);opacity:.8}70%,100%{transform:scale(2.4);opacity:0}}#sidebar{position:absolute;top:0;right:0;width:320px;height:100%;background:rgba(18,24,31,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-left:1px solid rgba(255,255,255,.1);border-radius:0;box-sizing:border-box;padding:32px 24px;transform:translateX(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);z-index:10}#sidebar.open{transform:translateX(0)}#sidebar a{text-decoration:underline;color:var(--primary-colour)}#sidebar ul{padding-left:20px}#sidebar h2,h3,ul{margin:0}.close-btn{position:absolute;top:12px;right:16px;background:0 0;border:none;color:var(--primary-colour);font-size:24px;font-weight:700;cursor:pointer;line-height:1;padding:4px 8px;border-radius:4px;transition:color .2s ease,background-color .2s ease}.close-btn:hover{color:var(--accent-colour);background-color:var(--background-colour)}.graph-wrapper.open #graph{transform:translateX(-175px)}.node rect{fill:var(--secondary-colour);stroke:var(--accent-colour);transition:fill .2s ease,stroke .2s ease,stroke-width .2s ease}.node:hover rect,.node.selected rect{stroke:var(--accent-colour);fill:var(--primary-colour);cursor:pointer;transition:all .2s ease}.node:hover text,.node.selected text{fill:var(--secondary-colour)}.node text{pointer-events:none}.node{opacity:1;transition:opacity .2s ease}.node.faded{opacity:.2}line{stroke:var(--accent-colour);stroke-opacity:.3;stroke-width:2px;transition:stroke .2s ease,stroke-opacity .2s ease,stroke-width .2s ease}line.hovered{stroke:var(--accent-colour);stroke-opacity:.8;stroke-width:3px}line.selected{stroke:var(--primary-colour);stroke-opacity:1;stroke-width:4px}line.faded{stroke-opacity:.05}.postimage{width:100%;max-width:600px;height:auto;margin:1rem auto;box-sizing:border-box;border:2px solid var(--primary-colour);border-radius:20px;object-fit:cover}#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;fill:var(--primary-colour)}#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;transform-origin:center}#mobiledropdown{position:fixed;flex-direction:column;background-color:var(--background-colour);height:150vh;width:100vw;margin-top:0;top:50px;padding-top:50px;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;width:80vw;grid-template-columns:repeat(auto-fit,minmax(400px,500px));justify-content: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)}.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%}#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:rgba(18,24,31,.65);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);height:100%;align-self:stretch;flex:1;border:2px solid var(--primary-colour);border-radius:20px;background-color:#12181f;background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1px);background-size:20px 20px;box-sizing:border-box;margin-left:0;margin-right:0;width:100%;order:0;padding-left:30px;padding-right:15px;transition:all .4s ease}#TableOfContents ul{padding-left:0;padding-right:0;margin-left:0;margin-right:0;margin-top:5px}#TableOfContents li{margin-bottom:.25rem;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)}@media(max-width:768px){body,main{width:100vw}.postimage{width:100%;height:auto}#landingpage{max-height:none;overflow:visible;height:fit-content;width:100vw;min-height:100vh}#landingpage-main{max-width:90vw;width:90vw;margin-left:auto;margin-right:auto}#landingpage-post{max-width:90vw;width:90vw;margin-left:auto;margin-right:auto}#profilepicdiv{flex-direction:column;max-height:70vh;max-width:75vw}#profilepic{flex:2}#introduction{max-height:100vh;height:100vh}.graph-hint{top:10px;bottom:auto;width:80vw}.graph-wrapper{height:100vh;min-height:600px;width:100%;flex-shrink:0}}