@font-face{font-family:Roboto Mono;font-style:normal;font-weight:100 700;font-display:swap;src:url(../media/4a439e1ba971da1a-s.f6f6239b.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:100 700;font-display:swap;src:url(../media/b3b0afff8ab38d95-s.542be403.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:100 700;font-display:swap;src:url(../media/b12ef0642bbc5f5f-s.b2fd768f.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:100 700;font-display:swap;src:url(../media/83a6e70a3a81dd9f-s.cd5d2b7b.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:100 700;font-display:swap;src:url(../media/99ac5753282bcf05-s.82772c94.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto Mono;font-style:normal;font-weight:100 700;font-display:swap;src:url(../media/2f13ad8e538108e0-s.p.9b936cf7.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto Mono Fallback;src:local(Arial);ascent-override:77.84%;descent-override:20.13%;line-gap-override:0.0%;size-adjust:134.61%}.roboto_mono_4a174ea0-module__A8GL0q__className{font-family:Roboto Mono,Roboto Mono Fallback;font-style:normal}
:root{--main-bg-colour:#111827;--main-font-colour:#fff;--colour-yellow:#f0c74c;--colour-blue:#2567c1;--colour-green:#84e296;--colour-red:#fe8097;--colour-light-grey:#e6e6e6;--window-bg:#161f34;--window-header-bg:#0f1522;--window-border:#182033}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;overflow-x:hidden}body{color:var(--main-font-colour);background:var(--main-bg-colour);transition:color .8s cubic-bezier(.4,0,.2,1),background .8s cubic-bezier(.4,0,.2,1)}::-webkit-scrollbar{background:0 0;width:12px}::-webkit-scrollbar-thumb{background:var(--accent-colour);border:2px solid var(--main-bg-colour);border-radius:6px}::-webkit-scrollbar-track{background:var(--window-bg);border-radius:6px}.accent{color:var(--accent-colour);transition:color .8s cubic-bezier(.4,0,.2,1)}a{color:inherit;text-decoration:none}a:hover{color:var(--accent-colour)}.main{scroll-snap-type:y mandatory;height:100vh;overflow-y:auto}section{scroll-snap-align:start;flex-direction:row;justify-content:flex-start;align-items:center;min-height:100vh;padding:0 10%;display:flex}.intro h1{max-width:70%;margin-bottom:.5rem;font-size:2.5rem;font-weight:400;line-height:1.7}.intro h1 span{color:var(--accent-colour)}.intro h1 a{position:relative}.intro h1 a:after{content:"";background:var(--accent-colour);width:100%;height:2px;display:block;position:absolute;bottom:-4px;left:0}.projects{flex-direction:column;justify-content:center;align-items:center}.projects h1{margin-bottom:2rem;padding-bottom:2rem;font-size:2rem;font-weight:400;position:relative}.projects h1:after{content:"";background:var(--accent-colour);width:100%;height:2px;display:block;position:absolute;bottom:2px;left:0}.projects-list{grid-template-columns:repeat(2,1fr);gap:2rem;width:100%;display:grid}.projects-list .project{background:var(--window-bg);border:1px solid var(--window-border);border-radius:8px;flex-direction:column;justify-content:space-between;padding:1.5rem;display:flex}.projects-list .project:hover{border-color:var(--accent-colour)}.projects-list .project:hover h2{color:var(--accent-colour)}.projects-list .project h2{margin-bottom:.75rem;font-size:1.25rem;font-weight:400}.projects-list .project p{color:var(--colour-light-grey);margin-bottom:1rem;font-size:14px;line-height:1.75}.projects-list .project .tags{flex-direction:row;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.projects-list .project .tags .tag{background:var(--main-bg-colour);color:var(--colour-light-grey);border-radius:10px;padding:.25rem .5rem;font-size:12px}@media (max-width:900px){section{padding:0 2rem}.intro h1{max-width:100%;font-size:1.75rem}.projects{padding-bottom:2rem}.projects-list{grid-template-columns:1fr}}
.navbar{box-sizing:border-box;z-index:1000;flex-direction:row;align-items:center;width:100%;height:120px;padding:0 4rem;display:flex;position:fixed;top:0;left:0}@media screen and (max-width:900px){.navbar{height:auto;padding:1rem}}.navbar__logo{margin-right:auto;font-size:18px}.navbar__logo span{color:var(--accent-colour)}.navbar__social-button{color:var(--accent-colour);border:1px solid var(--window-border);border-radius:4px;flex-direction:row;align-items:center;gap:.5rem;margin-left:1rem;padding:.75rem 1.25rem;text-decoration:none;transition:background .2s,color .2s;display:flex}.navbar__social-button:hover{background:var(--accent-colour);color:var(--colour-light-grey)}@media screen and (max-width:900px){.navbar__social-button{padding:1rem;font-size:14px}.navbar__social-button span{display:none}}