.Logo{flex-grow:2}.Logo img{display:block;width:100%;max-height:45vh}.Decoration{font-family:KidsDrawings;font-size:calc(25px + 15vmin);flex-grow:1;color:#000;margin-left:3vmin;margin-right:3vmin;text-shadow:.5vmin .7vmin 1vmin rgba(61,37,37,.2);cursor:pointer;-webkit-user-select:none;user-select:none}.Type{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.Type textarea{width:80vw;height:20vh;margin:2vmin 0}.Type h1 img{width:25vmin;margin-top:2.3vmin}.Type button{margin-bottom:3vmin}.Draw{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.Draw-tools{flex-grow:1;display:flex;flex-direction:column;align-items:center}.Draw-tools .tool-color{margin:2vmin}.Draw-tools>.tool-button{margin:2vmin}.Draw-tools .tool-button-done{margin:5vmin 2vmin 2vmin}.Draw-canvas{flex-grow:1}.Draw-canvas canvas{touch-action:none;display:block;max-width:100%;max-height:100vh;cursor:crosshair;border-radius:2vmin}.tool-button{background-color:#281bdb;border:none;color:#fff;text-align:center;text-decoration:none;display:inline-block;border-radius:50%;font-size:.7em;box-shadow:.5vmin .7vmin 1vmin #0003;cursor:pointer;outline:none;width:15vmin;height:15vmin;display:flex;align-items:center;justify-content:center}.tool-button-help{background-color:#b00}.tool-button-done{background-color:#4caf50}.tool-button img{width:7vmin;height:7vmin;filter:invert()}.tool-button-brush{cursor:pointer;margin:1vmin}.tool-button-brush>div{background-color:#000;border-radius:50%}.tool-popup{position:absolute;margin-left:2vmin;padding:1vmin;border-radius:4vmin;background-color:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.tool-color{width:15vmin;height:15vmin;position:relative;border-radius:50%;box-shadow:.5vmin .7vmin 1vmin #0003;cursor:pointer}.tool-color .tool-color-selectedcolor{position:absolute;width:13vmin;height:13vmin;left:1vmin;top:1vmin;border-radius:50%;z-index:-1}.tool-color img{width:15vmin;height:15vmin}.ColorPicker{width:100%;height:100%;display:flex}.ColorPicker>div{display:flex;flex-direction:column;flex-grow:1}.ColorPicker>div>div{flex-grow:1;cursor:pointer}.DrawHelp{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.DrawHelp h1 img{height:14vmin;margin-top:2.3vmin}.BeforeGameStartScreen{display:flex;width:100%;height:100%;align-items:center}.BeforeGameStartScreen-left{width:50vw;height:100%;display:flex;flex-direction:column;text-align:left}.BeforeGameStartScreen-right{height:100%;width:50vw;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.BeforeGameStartScreen-right .field{white-space:nowrap;-webkit-user-select:all;user-select:all;max-width:44vw;overflow:auto}.BeforeGameStartScreen-right .Logo{flex-grow:0}.BeforeGameStartScreen-right .Logo img{width:30vmin}.Players-title{padding-left:2vmin}.Players{flex:auto;min-height:10vmin;border:.7vmin solid black;border-left-width:0;border-bottom-width:0;border-radius:2vmin;border-top-left-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0;padding:2vmin;margin-right:5vmin;background-color:#fff;box-shadow:.5vmin .7vmin 1vmin #0003;overflow:auto}.Players .Player{margin-bottom:2vmin}.Join{display:flex;width:100%;height:100%;align-items:center}.Join-logo{height:100%;flex-grow:1;flex-basis:50%;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.Join-logo .Logo{flex-grow:0}.Join-logo .Logo img{max-height:75vh;width:40vw}.Join-content{flex-grow:1;flex-basis:50%}.Join-content .SelectFace{margin-top:.5vmin;margin-bottom:3vmin}.Join-content label{display:block;margin-bottom:.9vmin}.Join-content input{width:80%;margin-bottom:4vmin}.SelectFace{cursor:pointer;width:24vmin;height:24vmin;vertical-align:middle;margin:0 auto}.App{text-align:center;height:100%;width:100%}.App>div{width:100%;height:100%}.Player{display:flex;align-items:center;white-space:nowrap}.Player .Face{flex:none;margin-right:2vmin}.Face{font-family:TheFreakyFace;font-size:30vmin;border:.7vmin solid black;border-radius:50%;background-color:#fff;width:24vmin;height:24vmin;line-height:21vmin;-webkit-user-select:none;user-select:none;box-shadow:.5vmin .7vmin 1vmin #0003;text-align:center;overflow:hidden}.Face-small{width:16vmin;height:16vmin;font-size:20vmin;line-height:14.2vmin}.buttons{width:100%;display:flex;justify-content:space-evenly;flex-wrap:wrap;padding:1vmin}.buttons .button{margin:1vmin}.button{background-color:#4caf50;border:none;color:#fff;padding:2vmin 4vmin;text-align:center;text-decoration:none;display:inline-block;border-radius:4vmin;font-size:1em;box-shadow:.5vmin .7vmin 1vmin #0003;cursor:pointer;outline:none}.button-red{background-color:#b00}.button-blue{background-color:#3434d1}.button:disabled{background-color:#888;cursor:not-allowed}.Drawing{display:block;margin:2vmin 0;max-height:100vh;max-width:90vw}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden}@font-face{font-family:Comic Neue;src:url(/assets/ComicNeue-Regular-T33zOu0n.woff) format("woff")}@font-face{font-family:KidsDrawings;src:url(/assets/KidsDrawings-DrND27pd.woff) format("woff");font-display:block}@font-face{font-family:TheFreakyFace;src:url(/assets/TheFreakyFace-BxX77vxV.woff) format("woff");font-display:block}body{background-color:#ffffbe}body,button,input,textarea{font-family:Comic Neue,sans-serif;font-size:calc(14px + 3vmin);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000}a{color:#000}h1{font-size:calc(16px + 4vmin);font-weight:700;margin:1vmin 0}input,textarea,.field{outline:none;border:.7vmin solid black;border-radius:2vmin;padding:1vmin 2vmin;background-color:#fff;box-shadow:.5vmin .7vmin 1vmin #0003;text-align:center}.field{word-break:break-word;overflow-wrap:anywhere}.field-label{font-size:.7em}.hidden{display:none!important}.small{font-size:.7em}