:root{--color1:linen;--color3:#807a75;--color4:#4d4946;--color5:#292726;--color1-filter:invert(98%) sepia(31%) saturate(480%) hue-rotate(301deg) brightness(101%) contrast(96%);--color4-filter:invert(26%) sepia(18%) saturate(167%) hue-rotate(344deg) brightness(94%) contrast(85%);--main-color--hover:#000;--main-color-filter--hover:invert(0%) sepia(2%) saturate(9%) hue-rotate(27deg) brightness(90%) contrast(102%);--background-color:var(--color1);--main-color:var(--color5);--light-color:var(--color4);--light-color-filter:var(--color4-filter)}@media (prefers-color-scheme:dark){:root{--main-color--hover:#fff;--main-color-filter--hover:invert(100%) sepia(1%) saturate(77%) hue-rotate(254deg) brightness(116%) contrast(101%);--color1:#f0e6fa;--color1-filter:invert(88%) sepia(22%) saturate(271%) hue-rotate(212deg) brightness(102%) contrast(96%);--background-color:var(--color5);--main-color:var(--color1);--light-color:var(--color1);--light-color-filter:var(--color1-filter)}}body{background-color:var(--background-color);color:var(--main-color);max-width:40em;margin:auto;padding:0 5vw;font-family:Lato,Ubuntu,system-ui,sans-serif;font-size:120%;font-weight:300;line-height:1.6em;display:flex;overflow-x:hidden}html{scroll-behavior:smooth}a{color:var(--main-color)}h2{font-weight:400}.hidden{display:none}.header-content{flex-direction:row-reverse;width:100%;display:flex}.header-title{padding:0;font-size:1.5em;display:flex}.menu-button{cursor:pointer;flex-direction:column;justify-content:space-between;width:30px;height:21px;padding:.5em;display:none}.menu-button span{background-color:var(--main-color);width:100%;height:3px;transition:transform .3s;display:block}.menu-button.active span:first-child{transform:translateY(9px) rotate(45deg)}.menu-button.active span:nth-child(2){opacity:0}.menu-button.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}aside{border-right:1px solid var(--color3);width:200px;margin:3vh 0;padding-right:20px;transition:transform .3s;position:relative}header{text-align:right;flex-direction:column;justify-content:center;width:200px;height:100vh;display:flex;position:fixed}.section-headers{flex-direction:column;padding-top:15px;display:flex}.section-headers>a{text-align:right;width:100%;padding:.5em 0}main.content{flex-direction:column;flex:1;height:100%;padding:0 20px;display:flex;position:relative}section{flex-direction:column;flex-shrink:0;justify-content:center;min-height:95vh;padding-top:2vh;padding-bottom:5vh;display:flex}#about>p{margin-top:.5em}.section h2{margin-bottom:1em;font-weight:500}.social-link{color:var(--light-color);cursor:pointer;border-top:1px solid var(--main-color);justify-content:flex-start;align-items:center;padding:1px 0;text-decoration:none;transition:color .25s;display:flex;overflow:hidden}.social-link:first-child{border:0}.social-icon{filter:var(--light-color-filter);margin:5px}.social-text{margin:10px;transition:color 1s ease-out}.social-link .social-name{opacity:0;transition:opacity .25s}.social-link:hover{color:var(--main-color--hover);border-color:var(--main-color--hover)}.social-link:hover .social-icon{filter:var(--main-color-filter--hover)}.social-link:hover .social-text{color:var(--main-color);text-decoration:underline}.social-link:hover .social-name{opacity:1;color:var(--light-color)}@media screen and (max-width:768px){body{padding-left:3vw;padding-right:3vw;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));flex-direction:column}.sidebar{background-color:var(--background-color);z-index:100;border-right:none;flex-direction:column;width:94vw;margin-top:0;padding:3vh 0 0;display:flex;position:fixed}header{border-bottom:1px solid var(--main-color);width:unset;height:unset;padding:2vh 0;position:sticky}.section-headers{background-color:var(--background-color);z-index:50;opacity:0;border-bottom:1px solid var(--main-color);flex-direction:column;padding:4em 0 .5em;transition:transform,opacity .3s;display:flex;position:fixed;top:0;left:0;right:0;transform:translateY(-100vh)}.section-headers.show{opacity:1;transform:translateY(0)}.main-header{z-index:20;background-color:var(--background-color);margin-left:0;box-shadow:0 1px 4px #00000014}.header-content{z-index:100;flex-direction:row;position:relative}.header-title{margin-left:0;padding-top:.1em;padding-left:30px}.backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;position:fixed;inset:0}.backdrop.show{opacity:1;visibility:visible}.section-headers:before{content:"";background-color:var(--background-color);opacity:.9;z-index:-1;position:absolute;inset:0}.section-headers>a{text-align:center}.menu-button{z-index:10;display:flex}main.content{padding:0 10px}section{padding-top:14vh;padding-bottom:0}}