body,html{font-size:62.5%;font-family:Arial,Helvetica,sans-serif;margin:0;width:100dvw;height:100dvh}*{padding:0;margin:0;box-sizing:border-box}#app{width:100%;height:100%;font-size:1.6rem;display:flex;flex-direction:column;align-items:center}h1{font-size:3.2rem;padding:1.6rem}h2{font-size:2.8rem}h3{font-size:2.4rem}p{color:#393939;font-size:1.6rem}.sub{font-size:1rem;color:#777}img{-o-object-fit:contain;object-fit:contain}.screen{display:flex;flex-direction:column;align-items:center;width:100%;height:100%}.button{margin:.8rem 0;padding:.8rem 1.6rem}.main{width:100dvw;flex-direction:column;align-items:center}.main,header{max-width:640px;display:flex}header{flex-direction:row;top:0;width:100%}.header-center{display:flex;justify-content:center;align-items:center;width:100%}header .logo{height:90%;width:100% auto;-o-object-fit:contain;object-fit:contain}.main-menu{width:100%;max-width:640px}.modal-login{margin-top:32rem;border:1px solid rgba(102,72,77,.88);border-radius:10px;padding:.8rem;width:340px;display:flex;flex-direction:column;align-items:center;background-color:#66484d;box-shadow:6px 6px 5px rgba(0,0,0,.08)}.modal-login h2{margin-top:.8rem;color:#fff}.modal-login input[type=password],.modal-login input[type=text]{width:90%;font-size:1.4rem;padding:1.2rem;margin:1rem auto;border:1px solid rgba(102,72,77,.88);border-radius:5px}.modal-login button{background-color:#e8052a;color:#fff;font-weight:700;border-color:#000;border-radius:2px}.main-menu{width:94%;height:100%;display:flex;flex-direction:column;margin-top:7.2rem}.menu-item{overflow:hidden;width:100%;margin-bottom:2.2rem}.menu-item img{width:100%;height:100%}.menu-card{border:1px solid silver}.menu-card-content{padding:2% 4%;font-size:1.4rem}.menu-bar{border:1px solid #ccc;border-radius:5px;padding:.6rem 1.2rem;display:flex;flex-direction:row}.menu-bar-label{width:90%}.menu-bar-icon{display:flex;justify-content:flex-end;width:10%}