html,body,#root{margin:0;padding:0;min-height:100%}body{background-color:#272727}.navbar{display:flex;justify-content:center;gap:1rem;color:#000;font-size:1.25rem;padding:1rem;font-family:Microsoft YaHei,sans-serif;width:fit-content;height:fit-content;margin:0 auto}.navbar-link{text-decoration:none;color:inherit;background:#fff;padding:.25rem .5rem;border-radius:.25rem}.navbar-link.active{font-weight:700;color:#fff;background:#000}.benni-image{width:100%;max-width:200px;height:auto;display:block;margin:2rem auto;align-self:left}.main-content{background-color:#fff;padding:1rem;border-radius:.5rem;width:fit-content;max-width:calc(100vw - 2rem);display:flex;flex-direction:column;margin:0 auto;margin-top:5rem}.games-page{width:min(1920px,80vw);margin:0 auto;height:fit-content}.game-frame{width:100%;aspect-ratio:16 / 10;max-height:80vh}.game-iframe{width:100%;height:100%;border:0;display:block}.game-button{border:1px solid rgba(0,0,0,.15);background:#b4b4b4;border-radius:.25rem;padding:.5rem .75rem;cursor:pointer;color:#000;font-family:Microsoft YaHei,sans-serif}.game-button.is-active{border-color:#00000059;font-weight:600;background:#000;color:#fff}.games-list{display:flex;flex-wrap:wrap;gap:.5rem}.home-page h1{text-align:center}.img-container{width:100%;min-width:400px;text-align:left;display:block;padding:20px}.img-container .benni-image{display:block;margin-left:0!important;margin-right:auto!important}.portfolio-item{display:flex;flex-direction:row;align-items:flex-start;border:1px solid rgba(0,0,0,.15);border-radius:.25rem;overflow:hidden;background:#fff}.portfolio-item__preview{flex:0 0 42%;aspect-ratio:16 / 9;background:#dcdcdc;position:relative}.portfolio-item__image{width:100%;height:100%;object-fit:cover;display:block}@media(max-width:640px){.portfolio-item{flex-direction:column}.portfolio-item__preview{flex-basis:auto;width:100%}}.portfolio-item__body{padding:1.25rem 1.5rem 1.5rem;display:flex;flex-direction:column;flex:1;font-family:Microsoft YaHei,sans-serif;color:#000}.portfolio-item__title{margin:0 0 .5rem;font-size:1.15rem}.portfolio-item__description{margin:0 0 1rem;color:#000000a6;font-size:.95rem;line-height:1.5;flex:1}.portfolio-item__tags{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;padding:0;margin:0 0 1rem}.portfolio-item__tag{font-size:.75rem;background:#e6e6e6;border:1px solid rgba(0,0,0,.15);color:#000;padding:.2rem .6rem;border-radius:.25rem}.portfolio-item__link{display:inline-block;align-self:flex-start;text-decoration:none;color:#fff;background:#3a7c3a;border:1px solid rgb(28,61,28);padding:.4rem .75rem;border-radius:.25rem;font-weight:600;font-size:.9rem;transition:background .15s ease,color .15s ease,border-color .15s ease}.portfolio{width:min(1100px,90vw);margin:0 auto;padding:3rem 1.5rem;font-family:Microsoft YaHei,sans-serif;color:#000}.portfolio__heading{font-size:2rem;margin-bottom:.5rem}.portfolio__intro{max-width:60ch;color:#000000a6;margin-bottom:2.5rem}.portfolio__grid{display:flex;flex-direction:column;gap:1.5rem}