@import"https://fonts.googleapis.com/css2?family=Montserrat:ital@0;1&family=Roboto+Mono:ital@0;1&display=swap";@keyframes fadeInUp{0%{transform:translateY(50%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeInDown{0%{transform:translateY(-50%);opacity:0}to{transform:translateY(0);opacity:1}}a{color:var(--accent);font-weight:700;text-decoration:none}a:hover,a:active,a:focus,a:focus-visible,a:focus-within,a:target{color:var(--accent-bright)}a:visited{color:var(--accent-dim)}b,strong{font-weight:700}h1{font-size:2.5em}h2{font-size:2em;font-weight:500}h3{font-size:2em;font-weight:100}a.router-link-active{height:inherit;width:inherit}:root{--background: #1B1B1B;--background-dim: #404040;--foreground: #F5F5F5;--foreground-dim: #D0D0D0;--accent: #00E0FF;--accent-dim: #00D0EE;--accent-bright: #00FFFF;--border: #939393;background-color:var(--background);color:var(--foreground);font-family:Montserrat,sans-serif,Roboto Mono,monospace;font-size:18px;font-weight:300}.monospace{font-family:Roboto Mono,monospace}footer#footer{position:absolute;bottom:0;width:100%;margin:auto auto 0;text-align:center;font-size:.75rem;animation:fadeInUp .5s}footer#footer ul#socials{list-style:none;display:table;margin:.5rem auto}footer#footer ul#socials li{float:left;margin:0 .5rem}footer#footer ul#socials li .social-icon{width:1.75rem;height:1.75rem;margin:.25rem;filter:invert(65%) sepia(32%) saturate(3229%) hue-rotate(145deg) brightness(106%) contrast(105%)}#navbar{margin:1rem;font-size:1.5rem;font-weight:700;height:fit-content}#navbar *{animation:fadeInDown .5s}#navbar ul{width:100%;list-style:none;display:table;margin:0 auto;padding:0}#navbar ul li{float:left;margin:.5rem 1rem}#navbar a:visited{color:var(--accent)}#splash{position:fixed;top:0;left:0;max-height:100%;opacity:5%;font-size:large;font-weight:bolder;text-align:center;overflow-wrap:anywhere;overflow-y:hidden;z-index:-1;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}div#frame{position:relative;min-height:100vh}div#frame main{margin:5vh 10vw 0;height:auto;padding-bottom:2.5rem}#oh-no-face{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;opacity:10%;font-size:40em;font-weight:bolder}div#not-found-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}div#not-found-container h1{font-weight:700;font-size:5rem}#title-card{margin:15% 0;text-align:center;animation:fadeInUp .75s}.page-content{opacity:0;width:80%;margin:2rem auto 5rem;animation:fadeInUp .5s forwards .5s}.page-title{animation:fadeInUp .5s;display:flex;flex:1 0 auto;flex-direction:column}.page-title span{text-align:end;font-style:italic;width:100%}.page-title hr{width:100%}#face-card{display:grid;grid:auto/auto 80%}#face-card>img{border-radius:20%;height:100%;width:100%;margin:0}#face-card>span{padding:1rem;font-size:1.5rem;align-content:center}@media (max-aspect-ratio: 4/3){#face-card{grid:20% 80%/25% 50% 25%}#face-card>img{grid-row:1;grid-column:2}#face-card>span{grid-row:2;grid-column:1/4}}#bio{font-size:1.25rem}#bio h1{font-size:1.5rem}#bio h2{font-size:1.4rem}#bio ul{list-style:"> "}#bio ul li{margin:.5rem 0}#post-menu .post-header{display:grid;grid-template-columns:80% 20%;grid-template-rows:auto auto auto auto;margin:2rem 0}#post-menu .post-header .post-header-title{grid-row:1/1;grid-column:1/1;margin:0}#post-menu .post-header .post-header-date{grid-row:1/1;grid-column:2/2;text-align:right;margin:auto 0}#post-menu .post-header .post-header-brief{grid-row:2/2;grid-column:1/2;margin:1rem}#post-menu .post-header .post-header-tags{grid-row:3/3;grid-column:1/2;margin-left:1rem;font-weight:700}#post #post-banner>img{margin:0 -10%;width:120%;height:30vmin;object-fit:cover;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10%,#000 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10%,#000 90%,#0000)}#post #post-brief{text-align:center;font-style:italic;margin:1rem}#post #post-content{margin:2rem -10% 0}.friend{display:flex;flex-direction:row;flex:1}.friend .friend-photo>img{border-radius:20%;height:8rem}.friend .friend-about{position:relative;height:100%;width:100%;padding:0 2rem}.friend .friend-about .friend-label{display:flex;flex-wrap:wrap;justify-content:space-between}.friend .friend-about .friend-label .friend-name{font-weight:900;float:left;font-size:2.5rem;align-content:center}.friend .friend-about .friend-label .friend-socials{float:right;font-size:2rem}.friend .friend-about .friend-label .friend-socials ul#socials{list-style:none;display:table;margin:0}.friend .friend-about .friend-label .friend-socials ul#socials li{float:left;margin:0}.friend .friend-about .friend-label .friend-socials ul#socials li .social-icon{width:2rem;height:2rem;margin:0 .5rem;filter:invert(65%) sepia(32%) saturate(3229%) hue-rotate(145deg) brightness(106%) contrast(105%)}.friend .friend-about .friend-description{font-style:italic}@media (max-aspect-ratio: 4/3){.friend{flex-direction:column}.friend .friend-photo{margin:0 auto}.friend .friend-about{padding:1rem 0}}ul.friend-list{list-style:none;padding:0}ul.friend-list li{padding:1rem 0}.project{display:flex;flex-direction:row;flex:1}.project .project-photo>img{border-radius:20%;height:8rem}.project .project-about{position:relative;height:100%;width:100%;padding:0 2rem}.project .project-about .project-label{display:flex;flex-wrap:wrap;justify-content:space-between}.project .project-about .project-label .project-name{font-weight:900;float:left;font-size:2.5vmax;align-content:center}.project .project-about .project-label .project-tags{float:right;font-size:2rem}.project .project-about .project-description{font-style:italic}@media (max-width: 4/3){.project{flex-direction:column}.project .project-photo{margin:0 auto}.project .project-about{padding:1rem 0}}ul.projects-list{list-style:none;padding:0}ul.projects-list li{padding:1rem 0}ul#cv-list{list-style:none;padding:0;margin:2rem}ul#cv-list li{margin:2rem;font-size:2rem}