*,*:before,*:after{box-sizing:border-box}:root{--background-color: #333b3c;--highlight-color: #646cff;--color: #fff}html,body{background-color:var(--background-color)}body{margin:0;padding:0}button{border-radius:5px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;color:#fff}button:hover{border-color:var(--highlight-color)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}button[name=menu]{background-size:25px;background-repeat:no-repeat;background-position:center;height:50px;width:50px}.pin_code{font-size:30px}#menu{margin:0;padding:0;display:inline-block;list-style:none;max-width:150px;position:fixed;right:-300px;top:50px;transition:all .4s}#menu.show{right:0}#menu a{background-color:#1a1a1a;color:#fff;display:block;text-decoration:none;margin-bottom:1px;padding:10px;line-height:30px}#menu a:hover{background-color:var(--highlight-color)}.icon_menu{padding-left:50px!important;background-size:25px;background-repeat:no-repeat;background-position:center left 10px}.menu_icon{background-image:url(/assets/images/icon/menu.svg)}.qrcode_icon{background-image:url(/assets/images/icon/qrcode.svg)}.home_icon{background-image:url(/assets/images/icon/home.svg)}.food_icon{background-image:url(/assets/images/icon/food.svg)}.drink_icon{background-image:url(/assets/images/icon/drink.svg)}.game_icon{background-image:url(/assets/images/icon/game.svg)}.profile_icon{background-image:url(/assets/images/icon/profile.svg)}.close_icon{background-image:url(/assets/images/icon/close.svg)}.bell_icon{background-image:url(/assets/images/icon/bell.svg)}section{background-color:#555;color:var(--color);max-width:500px;padding:10px;margin:0 auto}.title{color:var(--color)}article{margin-bottom:50px}article img{width:100%}header{width:100%;background-color:#1a1a1a;color:#fff;display:grid;grid-template-columns:1fr 50px}header h1{margin:0}header h1 a{color:#fff;text-decoration:none}main{margin:0 0 100px}footer{text-align:center;position:fixed;bottom:0;width:100%;padding:10px 20px;background-color:#1a1a1a;color:#fff}