@font-face{font-family:Plex Mono Bold;src:local("PlexMonoBold"),url(/assets/fonts/IBMPlexMono-Bold.b4e95609.woff2) format("woff2");font-weight:700}@font-face{font-family:Plex Sans Regular;src:local("PlexSansRegular"),url(/assets/fonts/IBMPlexSans-Regular.64bcbd4d.woff2) format("woff2")}@font-face{font-family:Plex Sans Text;src:local("PlexSansText"),url(/assets/fonts/IBMPlexSans-Text.6691025e.woff2) format("woff2")}@font-face{font-family:Plex Mono Light;src:local("PleMonoLightx"),url(/assets/fonts/IBMPlexMono-Light.bbfb59d8.woff2) format("woff2");font-weight:medium}@font-face{font-family:Plex Mono Light;src:local("PleMonoLight"),url(/assets/fonts/IBMPlexMono-Light.bbfb59d8.woff2) format("woff2")}body{margin:0;padding:0}body #app{font-family:Plex Mono Light;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:right;color:#000;min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center}body #app p strong{font-family:Plex Mono Bold}body #app h1{font-size:2em}body #app h1,body #app h2,body #app h3{font-family:Plex Mono Bold}body #app #nav{width:90%;margin:30px;margin-bottom:5px;display:grid;grid-template-columns:3fr 1fr;grid-template-rows:1fr;gap:0 0;grid-template-areas:". .";align-content:center;align-items:center}body #app #nav h1{float:left;text-align:left}body #app #nav a{font-family:Plex Mono Bold;padding:10px;font-weight:700;color:#000;text-decoration:none;font-size:1.5em;float:right}body #app #nav a.router-link-exact-active{text-decoration-line:underline}body #app #nav a.router-link-exact-hover,body #app #nav a:hover{color:#628270}@media only screen and (max-width:736px){body #app #nav{margin-right:0}body #app #nav a{padding-right:0}}body #app .tile a,body #app a{font-weight:700;color:#000;text-decoration:none}body #app a:visited{color:#000}body #app a:hover{color:#628270}body #app #content{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;width:90vw}body #app #footer{display:flex;align-items:flex-end}body #app #footer a{padding:5px}body #app .router-anim-enter-active{animation:coming .5s;animation-delay:.3s;opacity:0}body #app .router-anim-leave-active{animation:going .4s}@keyframes going{0%{transform:translateY(0)}to{transform:translateY(50px);opacity:0}}@keyframes coming{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@media only screen and (max-width:736px){body #app #content{justify-content:center;align-items:center;flex-direction:column}body #app .content #aboutText,body #app .content .flex-half,body #app .tileCont{width:100%}}.tile{text-align:center;overflow:hidden;position:relative}.image{display:block;width:100%;height:auto}.overlay{position:absolute;bottom:0;left:0;right:0;background-color:hsla(15,18%,96%,.9);overflow:hidden;left:-100%;width:100%;height:100%;transition:.5s cubic-bezier(1,0,0,1);display:flex;align-items:center;justify-content:center;flex-direction:column}.tile:hover .overlay{left:0}.tile p{padding:10px;padding-top:0;text-align:justify;-moz-text-align-last:center;text-align-last:center}.filter-anim-enter,.filter-anim-leave-to{opacity:0;transform:translateY(30px)}.filter-anim-leave-active{position:absolute}.home-page{width:100%}.home-page .projects-container{width:100%;display:flex;flex-wrap:wrap;margin-top:20px}.home-page .projects-container .tileCont{transition:all .5s;width:50%}.home-page .projects-container .tileCont a :hover{color:#000}.home-page .projects-container span{transition:all 1s;display:flex;flex-wrap:wrap;gap:5px}.home-page .filterContainer{width:80%;display:flex}.home-page .filterContainer button{text-transform:uppercase;font-size:.9rem;margin-right:10px;background:transparent;border:none;display:inline}.home-page .filterContainer button.active{font-weight:700}.home-page .filterContainer button:enabled,.home-page .filterContainer button:focus,.home-page .filterContainer button:hover{border:none;outline:none}@media only screen and (max-width:736px){.home-page{margin-top:10px}.home-page .filterContainer{width:100%;flex-wrap:wrap}}