@font-face{font-family:BodoAmat;src:url(/assets/ui/Bodo%20Amat.ttf)}img{-webkit-user-select:none;user-select:none}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#fff;background-color:#22003d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{height:100%;margin:0;padding:0;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}#topbar{border-bottom:1px solid #56009b;height:3.4rem;align-items:center;display:flex}#logomark{height:100%}.menu-button{display:none;position:fixed;top:.8em;right:.8em;height:32px;z-index:21;cursor:pointer;transition:all .1s ease}.menu-button:hover{transform:scale(1.1)}#menu{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;position:fixed;background:#ff3a6e;top:0;right:-22em;z-index:20;width:20em;padding:1em;color:#fff;font-size:1em;transition:all .3s ease;opacity:0}#menu.active{right:0;opacity:1}.menu-username{display:flex}#user-avatar{margin:0 1em 0 auto}#menu-user-name{margin-left:1em;font-weight:500}#user-signin{display:none;justify-content:center;align-items:center;width:100%;height:100%}.menu-items{display:flex;flex-direction:column;margin-top:1em}.menu-item{padding:.5em 1em;border-radius:.5em;margin:.5em 0;cursor:pointer;transition:background-color .1s ease}.menu-item:hover{background-color:#c31e4a}#logo{margin:0 auto;pointer-events:none}#game-list{font-family:BodoAmat;display:flex;justify-content:center;flex-direction:row;max-width:110em;flex-wrap:wrap;margin:1em auto}.game-list-item{display:flex;flex-direction:column;box-sizing:border-box;border:1px solid #56009b;border-radius:.5em;margin:.5em;width:32em;cursor:pointer;content:border-box;height:18em;background-size:100%;transition:transform .1s}.game-list-item:hover{transform:scale(1.05);z-index:2}.game-list-item.dark{color:#22003d}#lonelyhorse{background-image:url(/assets/portfolio/LonelyHorse.png)}#dragondrop{background-image:url(/assets/portfolio/DragonDrop.png)}.game-list-item:hover{background-color:#ffffff1a}.game-list-item-title{flex-grow:1;font-size:1.3em;font-weight:500;padding:1em 1.5em}.game-list-item-description{font-size:16px;padding:1em 1.5em;opacity:0;transition:opacity .3s;color:#df94ff;background:#000c}.game-list.item.dark .game-list-item-description{color:#56009b;background:#fffc}.game-list-item:hover .game-list-item-description{opacity:1}#game-container{display:none;position:fixed;background:#150025;width:100%;height:100%;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in,#game-container.fade-in{display:block;animation:fadeIn .5s ease-in-out}canvas.screen{font-smooth:never;-webkit-font-smoothing:none;image-rendering:pixelated;width:100%;height:100%}input{border:none;background:none;padding:12px;box-sizing:border-box;border-radius:16px;font-family:BodoAmat;font-size:32px;color:#000;position:absolute}