body{background-color:#1c1d1f;font-family:Mansalva,sans-serif;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{height:100vh;background-size:cover}.clock{display:flex;position:relative;justify-content:center;align-items:center;height:100%}.clock span{position:absolute;font-size:48px}.word-component{position:relative;display:flex;background-color:#fff;grid-column-start:1;grid-column-end:span 5;border-radius:15px;border:6px solid #000;height:14vh}.word{position:absolute;left:45%;margin:0 auto;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.word-to-guess{text-align:center}.player-list{background-color:#fff;border-radius:0 0 15px 15px;height:60vh;overflow-y:hidden;overflow-x:hidden}.player-container{display:flex;justify-content:space-around;align-items:center;height:14.2857142857%}.player-container .player-name{display:flex;flex-direction:column;align-items:center}.player-container .avatar{height:100%}.player-container .avatar img{max-width:100%;max-height:100%}.player-odd{background-color:#dadada}.player-guessed{background-color:#adff2f}.canvas-container canvas{background:#fff}.palette-container{grid-column-start:1;grid-column-end:span 5;display:flex;column-gap:5px;background-color:#fff;margin-top:5px;padding:5px}.palette-container .clear{all:unset;cursor:pointer;border:2px solid black;border-radius:5px;padding-inline:10px}.selected-color{min-height:100%;aspect-ratio:1;border:1px solid black}.colors{min-width:40%;border:1px solid black;display:grid;grid-template-columns:repeat(13,1fr)}.color{cursor:pointer;aspect-ratio:1}.hidden{display:none}.brush-selector{position:relative;display:inline-block;margin-bottom:10px}.brush{all:unset;padding:8px 12px;background-color:#fff;height:85%;color:#000;border:2px solid black;border-radius:4px;cursor:pointer}.menu{position:absolute;bottom:100%;left:0;background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 4px #0000001a;padding:8px;z-index:1}.menu div{padding:8px;cursor:pointer;transition:background-color .3s}.menu div:hover{background-color:#adacac}@keyframes slideIn{0%{top:-100%}to{top:0}}.modal-container{position:absolute;z-index:20;height:100%;width:100%;background-color:#0006;color:#fff;display:flex;justify-content:center;align-items:center;animation:slideIn .5s ease-in 1;animation-fill-mode:forwards;font-size:40px}.modal-container .choices{display:flex;justify-content:space-around}.modal-container .choices button{all:unset;padding:5px 20px;cursor:pointer;border:5px solid white;font-size:40px;color:#fff;border-radius:5px}.modal-container .choices button:hover{transform:scale(1.05);transition:.3s}.modal-container .waiting{display:flex;column-gap:10px}.modal-container img{max-width:50px;max-height:50px}.chat{background-color:#fff;border:1px solid black;border-radius:0,0,15px,15px;display:flex;flex-direction:column;justify-content:space-between}.chat-body{height:43vh;overflow-y:scroll}.chat-footer{display:flex;justify-content:space-between;align-items:center;height:5%;padding:30px;border:1px solid black}.send-button{all:unset;padding:10px 20px;cursor:pointer;background-color:#2bab2b;color:#fff;border-radius:10px}.send-button:hover{background-color:#1d851d}.username{font-weight:700}.joined{color:#2bab2b}.left{color:red}.message{color:#000}.message-odd{background-color:#dadada}.logo-container{border-radius:15px 15px 0 0;overflow:hidden}.game-container{display:grid;grid-template-columns:20%}.main-game-components{grid-column-start:1;grid-column-end:span 5;display:grid;column-gap:5px;grid-template-columns:20% 50% 29%}.home{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.info{padding:2rem 3rem;width:20rem;height:20rem;background-color:#fff;border-radius:15px;display:flex;flex-direction:column;justify-content:center;align-items:center}.input{display:flex;flex-direction:column;justify-content:center;align-items:center}.logo{height:20%}.logo img{width:7rem}.pic{padding:1rem 0;height:60%;display:flex;justify-content:center;align-items:center}.pic .greater-than{display:flex;flex-direction:column}.pic .greater-than button{all:unset;cursor:pointer}.pic .greater-than button img{max-width:100%;max-height:100%}.pic .less-than{display:flex;flex-direction:column}.pic .less-than button{all:unset;cursor:pointer}.pic .less-than button img{max-width:100%;max-height:100%}.play button{all:unset;display:flex;justify-content:center;align-items:center;width:11rem;height:4rem;border-radius:19px;color:#fff;background-color:#2bab2b;cursor:pointer}.play button:hover{background-color:#1d851d}