*{margin:0;padding:0;box-sizing:border-box}html{font-size:10px;font-family:Arial,Helvetica,sans-serif}body{background:#90ee90}.menu{display:flex;flex-direction:column;justify-content:center;align-items:center;list-style-type:none;margin:20% 30%;font-size:3.5rem;border:.1rem solid #fff}@media (max-width:1024px){.menu{font-size:3rem}}@media (max-width:767px){.menu{margin:30% 30%;font-size:2.5rem}}@media (max-width:575px){.menu{margin:50% 30%;font-size:1.6rem}}.menu-img{width:3rem}.menu-img:hover{cursor:pointer}.menu__item{margin:1rem}.menu_overlay{display:none}.menu_overlay-active{display:block;position:fixed;opacity:1;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.8);z-index:3;color:#faebd7;cursor:pointer}.game-list{z-index:4;display:flex;flex-direction:column;justify-content:center;align-items:center;list-style-type:none}.game-list__item{color:#fff;margin:1rem;padding:1rem;border:.1rem solid #fff}.game-list__item:hover{background-color:#fff}.main .puzzle{background-color:#fff;border-radius:1rem;border:.1rem solid #000}.main .puzzle__info{font-size:2.4rem;display:flex;justify-content:space-around;padding-top:1rem}.main .puzzle__info .reset-image{box-shadow:0 1px rgba(255,255,255,.2) inset,0 3px 5px rgba(0,1,6,.5),0 0 1px 1px rgba(0,1,6,.2);transition:.2s ease-in-out;width:3rem}.main .puzzle__info .reset-image:hover{cursor:pointer}.main .puzzle__info .reset-image:active{box-shadow:0 0 1px rgba(0,0,0,.5) inset,0 2px 3px rgba(0,0,0,.5) inset,0 1px 1px rgba(255,255,255,.1)}.main .puzzle__content{position:relative;border:.1rem solid #000;margin:3rem auto}.main .puzzle__content .item{display:flex;justify-content:center;align-items:center;border:.1rem solid #000;font-size:2.4rem;width:7rem!important;height:7rem!important;position:absolute;transition:all .5s}.main .puzzle__content .item:hover{cursor:pointer}.main .puzzle__content .item-0{border:.1rem solid #000;transition:none;width:7rem!important;height:7rem!important;position:absolute}