body,html{height:100vh}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.homepage{display:flex;flex-direction:column;min-height:83.5vh;align-items:center;justify-content:center}.character-select{flex-direction:row;padding:10vh}.character-select button{font-size:large;height:3em;width:8em;margin:25px}.generator,.guesser{cursor:pointer}.generator:hover,.guesser:hover{background-color:#bf8620}.generator:disabled{background-color:#7b4200;color:#404040}.selection-page{height:81.5vh;color:#282c34}#wordSubmit,.set-word{font-size:large}#wordSubmit{cursor:pointer}#wordSubmit:hover{background-color:#bf8620}.Loading{margin-top:20px;height:7vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.Loading{-webkit-animation:Loading-spin 1.1s linear infinite;animation:Loading-spin 1.1s linear infinite}}@-webkit-keyframes Loading-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes Loading-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.attempts{margin:15px;width:250px;border:2px solid #000;border-radius:2%}.draw-board{border:2px solid #000;min-height:350px;width:100%;border-radius:5%;display:flex;flex-direction:column;justify-content:space-between}.display-word{margin-bottom:3em}#guess-button,.Send{cursor:pointer}#guess-button:hover,.Send:hover{background-color:#bf8620}.chat-box{display:flex;flex-direction:column;justify-content:flex-end}.chat-messages{overflow-y:auto}.chat-form{margin-bottom:1em}.game-page{display:grid;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr 1fr;height:83.5vh;color:#282c34}.draw-board{margin-left:15px;margin-top:15px;margin-bottom:15px;width:50vw;align-self:center;justify-self:center;border-radius:15px;height:15%;grid-column:2;align-items:center;border:1.75px solid #282d33;background-color:#fff;box-shadow:-1px 1px 13px 0 #282d33}.endgame-overlay{position:fixed;display:flex;top:0;left:0;bottom:0;right:0;z-index:100;background-color:hsla(0,0%,54.9%,.7)}.message-bubble{height:-webkit-max-content;height:-moz-max-content;height:max-content;width:-webkit-max-content;width:-moz-max-content;width:max-content;background-color:hsla(0,0%,100%,.4);padding:.75em;margin:auto;border-radius:.5em;align-self:center}.chat{padding-top:5px;padding-bottom:5px;height:95%;align-self:center;border-radius:15px;overflow-y:auto;border:1.75px solid #282d33;background-color:#fff;box-shadow:-1px 1px 13px 0 #282d33;margin-top:20px;place-self:center;grid-row-start:1;grid-row-end:3;width:90%;grid-column:1;margin-left:0}.player-card{display:flex;flex-direction:row;align-items:baseline;background-color:grey;padding:0 .5em;margin:auto auto .5em;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;border-radius:.5em}.player-card p{margin:0 .35em;font-size:14px;justify-self:center}.player-card img{height:.75em;width:.75em}.attempts{border-radius:15px;border:1.75px solid #282d33;grid-row-start:1;grid-row-end:3;width:90%;grid-column:3;margin:0}.attempts,.bottom-mid{padding-top:5px;padding-bottom:5px;height:95%;align-self:center;overflow-y:auto;background-color:#fff;box-shadow:-1px 1px 13px 0 #282d33;place-self:center}.bottom-mid{border-radius:15px;background-color:transparent;border:none;box-shadow:none;grid-row:2;grid-column:2;width:97%}.bottom-mid .players{margin-left:30px;float:left}.bottom-mid .guessForm,.bottom-mid .players{width:40%;padding-top:5px;padding-bottom:5px;height:95%;align-self:center;border-radius:15px;overflow-y:auto;border:1.75px solid #282d33;background-color:#fff;box-shadow:-1px 1px 13px 0 #282d33}.bottom-mid .guessForm{margin-right:30px;grid-column:2;display:flex;flex-direction:column;float:right;justify-content:flex-end}.guess-input{margin-bottom:1em}.hints{margin:15px;width:250px;border:2px solid #000;border-radius:2%}.board form label{margin:10px}.display-word{font-size:large;display:flex;flex-direction:row;margin:15px}.display-word p{margin:5px}#guess-button{cursor:pointer}#guess-button:hover{background-color:#bf8620}@media (prefers-reduced-motion:no-preference){.spin{-webkit-animation:spin-spin 1.1s linear infinite;animation:spin-spin 1.1s linear infinite}}@-webkit-keyframes spin-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.lobby{display:flex;flex-direction:column;height:83.5vh;align-items:center;justify-content:center}.join-room-btn,.new-room-btn,.username-btn{cursor:pointer}.room-list{display:flex;flex-direction:column;margin:1em;width:12.75em}.room-list-select{margin-bottom:1em}.join-room-btn,.new-room-btn,.username-btn{padding:3px;font-size:large;background-color:#282d33;color:#ffb22d}.new-room-input,.room-list-select,.username-input{padding:3px;font-size:large}.footer{background-color:#282c34;height:-webkit-max-content;height:-moz-max-content;height:max-content;align-content:center;font-size:calc(10px + 2vmin);font-family:"Bangers",cursive;color:#bf8620;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;place-content:center}.footer button{justify-self:flex-start;background-color:transparent;color:#fff;padding-right:10px}#credits{cursor:pointer;height:50px;font-family:"Bangers",cursive}#credits:hover{background-color:#bf8620}.p{margin:0}.showNames{place-self:center;text-decoration:underline;color:#bf8620;cursor:pointer}.BangWords{text-align:center;background-color:#c0c6ce;min-height:100vh}.BangWords-header{background-color:#282c34;max-height:11vh;align-content:center;font-size:calc(10px + 2vmin);font-family:"Bangers",cursive;color:#bf8620;display:grid;grid-template-columns:1fr 1fr 1fr}#bangHeader{grid-column:1;justify-self:left;margin-left:20px}.headerCenter{grid-column:2;place-self:center}.loggedInAs{margin:0;place-self:center}.playersOnline{margin:0}.headerRight{grid-column:3;place-content:center;place-self:center}#forfeitGame{margin-right:10px;grid-column:3;width:100px;height:35px;background-color:#f5f5f5;cursor:pointer;border-width:1px}#forfeitGame:hover,#theButton:hover{background-color:#bf8620}.hidden{display:none}.leave{grid-column:3;width:100px;height:35px;background-color:#f5f5f5;cursor:pointer;border-width:1px}.leave:hover{background-color:#bf8620}
/*# sourceMappingURL=main.a685ee08.chunk.css.map */