.join-room-container{display:flex;width:100%;height:92.5vh;justify-content:center;align-items:center}.join-room{width:30%;height:auto;background-color:#fff;text-align:center;box-shadow:0 0 10px #a2b9ff}.host-button{margin:10% auto;padding:2%;font-size:20px;background-color:#4973ff;width:50%;height:45px;border-radius:10px;color:#fff;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none}.host-button:hover{background-color:#0a43ff;cursor:pointer}.join-button{margin:5% auto 10%;padding:0 2%;font-size:20px;background-color:#4973ff;width:50%;height:45px;border-radius:10px;color:#fff;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none}.join-button:hover{background-color:#0a43ff;cursor:pointer}.join-error{color:#bf0000;margin-top:-5%;margin-bottom:5%}input[type=number].input-room-form{margin:10% auto auto;width:50%;height:25px;border:2px solid #a2b9ff;border-radius:4px;text-align:center;font-size:18px;font-weight:700}input[type=number].input-room-form:focus{outline:none;border:2px solid #4973ff}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{display:none}@media screen and (max-width:800px){.join-room{width:80%}}@font-face{font-family:Comic Neue;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/d6ad45bb51fe3f74-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}.__className_684120{font-weight:400;font-style:normal}@font-face{font-family:Comic Neue;font-style:italic;font-weight:700;font-display:swap;src:url(/_next/static/media/4f3f3749e2da876d-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Comic Neue Fallback;src:local("Arial");ascent-override:92.66%;descent-override:25.74%;line-gap-override:0.00%;size-adjust:97.13%}.__className_17a717,.__className_684120{font-family:Comic Neue,Comic Neue Fallback}.__className_17a717{font-weight:700;font-style:italic}