@import "https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;800;900&display=swap";html{height:100%}body{background-color:#f6f6f6;width:100%;height:100%;margin:0;font-family:Nunito}.main{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100%;display:flex}.home-header{justify-content:center;align-items:center;margin-top:2em;display:flex}.home-header .kaplumbaga{width:10em;margin:1em}.header-title{margin:1em}.header-title h2{margin:0;font-size:4em}.header-title p{margin:0;font-size:1.3em}.join-wrapper{flex-direction:column;justify-content:center;align-items:center;width:60%;margin-top:3em;display:flex}.room-code-input{border-style:solid;border-color:#8ca848;border-radius:10px;max-width:250px;margin-bottom:2em;padding:20px}.kaplumbaga-button{color:#fff;cursor:pointer;background-color:#8ca848;border:none;border-radius:10px;width:100%;max-width:250px;padding:20px;font-size:1em;font-weight:500}.kaplumbaga-button:hover{background-color:#738736}.kaplumbaga-button:active:enabled{position:relative;top:1px}.kaplumbaga-button:disabled,.kaplumbaga-button[disabled]{cursor:auto;background-color:#5c6346}.change-username{color:#5c6346;cursor:pointer;margin-left:5px}.modal-main{background-color:#fff;padding:100px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.game-container{width:100%;max-width:800px}.kaplumbaga-race{background-color:#5d8aa6;border-radius:5px;flex-direction:column;justify-content:space-around;align-items:flex-start;height:350px;margin-bottom:10px;display:flex}.kaplumbaga-wrapper{transition:all .5s;position:relative}.kaplumbaga{width:60px;height:auto}.game-text{-webkit-user-select:none;user-select:none;padding:10px;font-size:1.7em;font-weight:400;line-height:1.5em}.game-text span span{border-radius:5px;padding:0 5px}.game-text .current{background-color:#d7d7d9}.game-text .correct{color:#fff;background-color:#025b0e}.game-text .wrong{color:#fff;background-color:#8c311c}.game-input{justify-content:center;display:flex}.game-input input{box-sizing:border-box;border:1px solid #ccc;border-radius:4px;width:98%;margin:8px 0;padding:12px 20px;display:inline-block}.start-button{margin:20px;padding:5px;font-size:20px}