@font-face{font-family:Futura;src:url(/fonts/FuturaPTLight.otf)}@font-face{font-family:Futura;src:url(/fonts/FuturaPTBold.otf);font-weight:700}:root{--sq-width:75vw;--sq-height:50vh;--sq-step-x:5vw;--sq-step-y:10vh;--sq-start-x:5vw;--sq-start-y:8vh}html,body{background-color:#fffdd0;width:100%;height:100%;margin:0;padding:0;overflow:hidden;box-shadow:inset 0 0 0 10px #48483b}.site-title{left:calc(var(--sq-start-x) + var(--sq-step-x) * 2);top:calc(var(--sq-start-y) + var(--sq-step-y) * 2);color:#efefeb;z-index:10;pointer-events:none;margin:0;padding:0 0 0 2rem;font-family:Futura,Times New Roman,sans-serif;font-size:clamp(2.5rem,5.5vw,6rem);font-weight:700;line-height:1;position:absolute}.square_one{width:var(--sq-width);height:var(--sq-height);z-index:1;left:var(--sq-start-x);top:var(--sq-start-y);background-color:#48483b;position:absolute}.square_two{width:var(--sq-width);height:var(--sq-height);z-index:2;left:calc(var(--sq-start-x) + var(--sq-step-x));top:calc(var(--sq-start-y) + var(--sq-step-y));background-color:#6d6c59;position:absolute}.square_three{width:var(--sq-width);height:var(--sq-height);z-index:3;left:calc(var(--sq-start-x) + var(--sq-step-x) * 2);top:calc(var(--sq-start-y) + var(--sq-step-y) * 2);background-color:#919076;position:absolute}.square_four{width:var(--sq-width);height:var(--sq-height);z-index:4;left:calc(var(--sq-start-x) + var(--sq-step-x) * 3);top:calc(var(--sq-start-y) + var(--sq-step-y) * 3);background-color:#efefeb;position:absolute}.square_four a{color:#1c5253;white-space:nowrap;padding:.1em .3em;font-family:Futura,Times New Roman,sans-serif;font-size:clamp(2.5rem,5vw,5.5rem);font-weight:700;line-height:1;text-decoration:none;transition:background-color .15s,color .15s;position:absolute;right:0}#about{left:0;bottom:calc(var(--sq-step-y) * 3)}#projects{left:calc(var(--sq-step-x) * 1);bottom:calc(var(--sq-step-y) * 2)}#links{left:calc(var(--sq-step-x) * 2);bottom:calc(var(--sq-step-y) * 1)}#blog{left:calc(var(--sq-step-x) * 3);bottom:0}.square_four a:hover{color:#efefeb;background-color:#48483b}.square_four a:active{color:#919076}.square_four a:visited{color:#1c5253}.secret{cursor:default;z-index:999;background-color:#48483b;width:3px;height:3px;position:fixed;top:13px;left:13px}@media (width<=900px){:root{--sq-step-x:4vw;--sq-step-y:9vh;--sq-height:48vh}body{box-shadow:inset 0 0 0 8px #48483b}}@media (width<=600px){:root{--sq-width:78vw;--sq-height:40vh;--sq-step-x:3vw;--sq-step-y:7vh;--sq-start-x:3vw;--sq-start-y:14vh}body{box-shadow:inset 0 0 0 5px #48483b}}@font-face{font-family:Futura;src:url(/fonts/FuturaPTLight.otf)}@font-face{font-family:Futura;src:url(/fonts/FuturaPTBold.otf);font-weight:700}:root{--color-dark-1:#48483b;--color-dark-2:#6d6c59;--color-dark-3:#919076;--color-cream:#efefeb;--color-cream-bg:#fffdd0;--color-teal:#1c5253;--color-teal-mid:#2a7475;--color-sky:#90c2e7;--color-text:#1e152a;--sidebar-width:240px;--font-display:"Futura", "Times New Roman", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-cream-bg);font-family:var(--font-display);color:var(--color-text);min-height:100vh}.layout{min-height:100vh;display:flex;position:relative}.content__inner{z-index:10;width:100%;height:100%;padding:3rem;position:relative;overflow-y:auto}.square_layout{background-color:var(--color-cream);z-index:0;padding:3rem;position:absolute;inset:2vh 1vw 2vh 4vw;overflow-y:auto}.sidebar{width:var(--sidebar-width);background-color:var(--color-dark-1);z-index:10;min-height:100vh;box-shadow:16px 0 0 var(--color-dark-2), 32px 0 0 var(--color-dark-3), 48px 0 0 var(--color-cream-bg);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar__brand{border-bottom:1px dashed #fff3;padding:2.5rem 1.5rem 2rem}.sidebar__home-link{flex-direction:column;line-height:1;text-decoration:none;display:flex}.sidebar__name{font-family:var(--font-display);color:var(--color-cream);letter-spacing:.05em;font-size:2.8rem;font-weight:700}.sidebar__surname{font-family:var(--font-display);color:var(--color-teal-mid);letter-spacing:.25em;text-transform:uppercase;margin-top:.15rem;font-size:1rem}.sidebar__nav{flex-direction:column;flex:1;gap:.25rem;padding:2rem 0;display:flex}.sidebar__link{color:var(--color-cream);font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;border-left:3px solid #0000;align-items:center;padding:.75rem 1.5rem;font-size:1.1rem;text-decoration:none;transition:color .2s,background-color .2s;display:flex;position:relative}.sidebar__link:before{content:"";background-color:var(--color-teal);z-index:-1;width:0;transition:width .2s;position:absolute;top:0;bottom:0;left:0}.sidebar__link:hover:before{width:100%}.sidebar__link:hover{color:var(--color-sky);border-left-color:var(--color-sky)}.sidebar__link--active{color:var(--color-sky);border-left-color:var(--color-teal-mid);background-color:var(--color-teal)}.sidebar__link--active:before{width:100%}.sidebar__footer{color:var(--color-dark-3);letter-spacing:.1em;border-top:1px dashed #ffffff26;padding:1.5rem;font-size:.75rem}.content{margin-left:calc(var(--sidebar-width) + 48px);background-color:var(--color-cream-bg);flex:1;min-height:100vh;padding:3rem 3.5rem}.page-title{font-family:var(--font-display);color:var(--color-dark-1);margin-bottom:.25rem;font-size:3.5rem;font-weight:700;line-height:1}.page-title:after{content:"";background-color:var(--color-teal);width:3rem;height:3px;margin-top:.75rem;display:block}.page-subtitle{color:var(--color-dark-3);letter-spacing:.15em;text-transform:uppercase;margin-bottom:2.5rem}.about_profile{width:200px;margin-bottom:1rem}@media (width<=700px){.sidebar{width:100%;min-height:auto;box-shadow:0 6px 0 var(--color-dark-2), 0 12px 0 var(--color-dark-3);flex-flow:wrap;position:relative}.sidebar__edge{display:none}.sidebar__nav{flex-direction:row;gap:0;padding:.5rem}.content{margin-left:0;padding:1.5rem}}.links-page{flex-direction:column;gap:1.5rem;display:flex}.links-page a{color:var(--color-teal);font-size:1.5rem;font-weight:700;text-decoration:none}.links-page a:hover{color:var(--color-teal-mid)}