:root{--card-color:#3485ff;--text-color-global:#4c4c4c;--text-number-selected:rgb(200,255,216)}#menuMain{margin-top:20vh}#menuCreate,#menuJoin{margin-top:20vh}.container{margin-top:10vw}.menu-room{margin-top:-1vw;margin-bottom:30vw}.padding-1{padding-left:40px;padding-right:40px}.room-input{margin:0 auto;float:none;max-width:30em}.main-logo{font-size:4vh}.main-title{color:var(--text-color-global)}.label-info{font-size:.8em}.card{margin-left:auto;margin-right:auto;margin-top:1rem;width:5em;height:7em;border-color:var(--card-color);border-width:2px;background-size:10px 10px}.card-number-selected{background-color:var(--text-number-selected)}.card-number-show-m1{animation-name:anim-card-show;animation-duration:1s;animation-fill-mode:forwards}.card-number-box{margin-top:1.5em;height:7em}.card-number{font-size:3em;color:var(--text-color-global)}.card-number-show-text{color:#fff}.card-participant-box{margin-top:10px}.card-participant{font-size:1em}.navbar-number-list{background-color:#4c4c4c;display:block;overflow-x:auto;white-space:nowrap;position:fixed;bottom:0;height:4em;width:100%;padding-left:10px}.number-list{padding-top:.8em}.btn-main-big{width:50vw;max-width:30em;height:8vh}.btn-number:focus{background-color:#fff;color:var(--text-color-global)}.btn-primary{background-color:var(--card-color);border-color:var(--card-color)}.btn-info{background-color:var(--card-color);border-color:var(--card-color);color:#fff}.btn-room-quit{position:absolute;top:1em}.hide{display:none}.footer{padding-bottom:5px;position:fixed;bottom:0;width:100%;text-align:center}@keyframes anim-card-show{0%{transform:rotateY(0deg);background-color:#fff}50%{transform:rotateY(90deg);background-color:#fff}51%{background-color:var(--card-color)}100%{background-color:var(--card-color)}}