@font-face{font-family:Viga;src:url(Viga-Regular.woff2)}html{height:100%;font-family:Helvetica,sans-serif;font-size:16px;line-height:1.75;background:#000024 url(bg1.png) no-repeat left top;background-size:cover,100%;background-attachment:fixed;color:#f9f9f9;animation:move-bg 300s linear infinite}html.bg2{background-image:url(bg2.png)}html.bg3{background-image:url(bg3.png)}@keyframes move-bg{0%{background-position-x:0}50%{background-position-x:100%}to{background-position-x:0}}body{margin:0;height:100%;padding:6rem 0;box-sizing:border-box;-webkit-text-size-adjust:100%!important}.header,.footer{padding:1.75rem;top:0;left:0;position:fixed;width:100%;box-sizing:border-box;display:flex;align-items:center}.header h1{flex:1;margin:0;font-family:Viga,serif;font-size:2rem;font-weight:500;color:#fff}.header h1 a{color:#fff;text-decoration:none}.scrolldown-hint{position:absolute;bottom:6rem;pointer-events:none;text-align:center;color:#ffffff80}@keyframes down{0%{transform:translate(0)}20%{transform:translateY(5px)}40%{transform:translate(0)}}.scrolldown-hint .icon{animation:down 1.5s infinite}.footer{justify-content:center;top:auto;bottom:0;font-size:.875rem}.external-links a{display:block;padding:.375rem .75rem;border-radius:3rem;color:#fff;text-decoration:none;margin-left:.5rem;transition:background-color .2s}.external-links a.active{background-color:#6061948c}.external-links a svg{width:1.25em;height:1.25em;vertical-align:middle;line-height:1}.navbar{background-color:#00000040;border-radius:3.5rem;display:flex;justify-content:space-between;min-width:18rem;padding:4px}.navbar a{display:block;border-radius:50%;color:#aaa9c9;text-decoration:none;font-size:1.75rem;line-height:1.75rem;height:1.75rem;padding:1rem;transition:color .2s,background-color .2s;-webkit-tap-highlight-color:transparent}.navbar a:hover{color:#ffffffb3;background-color:#5558a44a}.navbar a.active{background-color:#6061948c;color:#fff}.navbar a svg{display:inline-block;width:1em;height:1em;line-height:1}.navbar .label{display:none}.body{padding:0 1.75rem;height:calc(100vh - 13rem);overflow-y:auto;scroll-behavior:smooth;scrollbar-width:none}.page{min-height:calc(100vh - 3rem);box-sizing:border-box;margin-bottom:6rem}.body h2{margin:.5rem 0 1rem;font-size:2.5rem;font-weight:400;color:#fff}.body h3{font-size:1.25rem;font-weight:400;color:#fff;margin:0}.body p{margin:.375rem 0;text-wrap:pretty}.body button{padding:.75rem 1.25rem;color:#fff;background:transparent;border:1.5px solid #fff;border-radius:2rem;cursor:pointer;font-size:1.125rem;line-height:1}.body textarea{display:block;width:100%;height:10em;padding:.5rem;box-sizing:border-box;background-color:transparent;border:2px solid #ffffffc0;border-radius:6px;outline:0;transition:border-color .2s;color:#fff;font:inherit;margin:1rem 0}.body textarea:focus{border-color:#fff}.body textarea::placeholder{color:#ffffffc0}.body a{color:inherit;transition:color .2s;text-decoration:none}.body a:hover{color:#fff;text-decoration:underline}.home{padding-top:8vh}.home h2{margin-bottom:4vh}.home p{color:#ffffffb3}.home button{margin-top:1.5rem}.work-filter{text-align:left}.work-filter button{border:0;border-radius:4px;padding:.5rem 1rem;font-size:.875rem;transition:background-color .2s;cursor:pointer}.work-filter button:hover,.work-filter button.active{background-color:#6061948c}.works{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1rem;padding:0;list-style:none}.work-item{background-color:#151e6bb9;border-radius:8px;padding:1rem;flex:1 1 auto;position:relative}.work-logo{display:block;text-align:center}.work-logo img{display:inline-block;max-width:100%;height:12rem;border-radius:6px;text-decoration:none;border:0}h3.work-title{margin:.25rem 0 0rem}h3.work-title a{font-size:1.1rem;text-decoration:none}.work-tag{background-color:#717ef1;border-radius:2rem;padding:.25rem .5rem;color:#000a69;font-size:.7rem;line-height:1}.work-description{margin:0;font-size:.8rem}.work-category{color:#ffffff1a;pointer-events:none;font-style:italic;font-weight:700;font-size:3rem;text-align:right;line-height:1;position:absolute;right:1rem;bottom:1rem}.about h3{margin-top:4rem}.contact h3{margin-top:3rem;margin-bottom:.5rem}.copyright{display:none}