*,*::before,*::after{box-sizing:border-box}a{text-decoration:none;border-bottom:1px dotted}a:hover{border-bottom-style:solid}li{margin:1rem 0}img{object-fit:contain;max-width:100%;max-height:100%}html body{height:100%}html{font-family:sans-serif;font-size:100.0%;letter-spacing:0.01rem;line-height:1.65}body{display:block;margin:0}header{display:flex;margin:10px 0}footer{margin-top:40px;text-align:center}.logo{position:relative;left:40px;a{font-family:monospace;font-weight:bold;font-size:18px;border:none}}.page-container{width:fit-content;max-width:1000px}.menu{position:fixed;top:0;right:0;bottom:0;padding:0 40px;max-width:300px;justify-self:end}.menu ul{position:relative;top:60px;margin:0;padding:0;display:flex;flex-direction:column;align-items:end;list-style:none}.menu li{font-family:monospace;font-size:1.5em;font-weight:bold;margin:0.5rem 0;a{border:none}}.content{padding:2em 4em;border-radius:4px}.text{font-family:sans-serif;max-width:70ch;text-align:left;video{width:100%}}.post-title{font-size:2em;text-align:center}.project-list{max-width:1000px;display:flex;flex-wrap:wrap;gap:40px 30px;.label{margin-top:0.8em;text-align:center}}.project-item{width:calc(50% - 15px);margin:auto;a{border:none}}.game-list{margin-top:2em;display:flex;flex-direction:column;gap:2em}.game-item{display:grid;grid-template-columns:auto 70ch;.game-thumbnail{a{border:none}img{display:block;margin:auto;height:8em;width:auto}.label{margin-top:0.5em;text-align:center;font-weight:bold}}.game-desc{margin:auto 0 auto 2em}}.nav-button{visibility:hidden;position:fixed;top:0;right:0;width:50px;aspect-ratio:1;justify-content:center;align-items:center;display:flex;flex-direction:column;gap:6px;cursor:pointer;z-index:1}.nav-button-line{height:6px;width:36px}.nav-button-cross{position:absolute;height:6px;width:36px}.nav-button-cross-first{transform:rotate(45deg)}.nav-button-cross-second{transform:rotate(-45deg)}@media(min-width:1600px){.page-container{margin:auto}}@media(max-width:1600px){.page-container{margin-left:40px}.content{border-radius:0}}@media(max-width:1300px){.page-container{margin:auto}.nav-button{visibility:visible;right:20px}.logo{left:20px}.menu{display:none}#nav-toggle:checked~.menu{display:initial}.nav-button-open{visibility:visible}#nav-toggle:checked~.nav-button-open{visibility:hidden}.nav-button-close{visibility:hidden}#nav-toggle:checked~.nav-button-close{visibility:visible}}