@import url(https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap);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}:root{--color-1:#16da92;--color-2:#e93f6f;--color-3:#2275a5;--background-color-1:rgba(22,219,147,0.3);--background-color-2:rgba(233,63,111,0.3);--background-color-3:rgba(34,116,165,0.3);--main-font:"Fredoka One",cursive}.App{font-family:"Fredoka One",cursive;font-family:var(--main-font);text-align:center;max-height:100%;max-width:100%;height:100vh;width:100vw;position:fixed;overflow:hidden}.GameBoard{flex-wrap:wrap;max-height:100%;padding-top:30px;margin:0}.GameBoard,.GameInPlay,.PracticeGame{display:flex;flex-direction:row;justify-content:center;width:100%}.GameInPlay,.PracticeGame{padding:10px}.PracticeGame{width:auto;max-height:60vh}.game-cards-container{flex-direction:row;flex-wrap:wrap;width:70em;height:60vh;max-height:60vh;margin:0 auto}.game-cards-container,.SetCard{display:flex;max-width:1500px;justify-content:center}.SetCard{align-content:center;margin:.5em;border-radius:12px;border:2px solid #d3d3d3;box-shadow:0 3px 8px rgba(0,0,0,.4);transition:.1s;width:12em;height:8em;background:#fff;animation:fadeInSlide .2s}.spinOut{animation:spinOut .5s}.SetCard:hover{cursor:pointer}.selected,.SetCard:hover{transform:scale(1.1) rotate(3deg);box-shadow:var(--icon-rgb) 0 3px 10px;transition:.1s}.selected{border:2px solid var(--icon-rgb)}.color-1{--icon-rgb:var(--color-1);--icon-rgba:var(--background-color-1)}.color-2{--icon-rgb:var(--color-2);--icon-rgba:var(--background-color-2)}.color-3{--icon-rgb:var(--color-3);--icon-rgba:var(--background-color-3)}.fill-1{background:var(--icon-rgba)}.fill-2{background:repeating-linear-gradient(45deg,transparent,transparent 10px,var(--icon-rgba) 0,var(--icon-rgba) 15px)}.fill-3{background:transparent}svg{height:2rem;width:2rem;stroke-width:7px;margin:auto 2px;padding:5px;border-radius:12px;border:5px solid var(--icon-rgb);fill:var(--icon-rgb);stroke:var(--icon-rgb)}.Header{width:100vw;margin:1.5em 0 0}.Header,.header-background{height:7em;display:flex;justify-content:center;align-content:center}.header-background{position:absolute;background-color:#16da92;background-color:var(--color-1);width:100%}.header-content{flex-direction:row}.disabled-background,.header-content{display:flex;align-content:center;justify-content:center}.disabled-background{position:absolute;z-index:9;height:100vh;width:100vw;background:repeating-linear-gradient(45deg,rgba(0,0,0,.2),rgba(0,0,0,.2) 30px,rgba(0,0,0,.3) 0,rgba(0,0,0,.3) 60px)}.HowToPlay{position:relative;z-index:10;max-height:90vh;width:60vw;padding:1em;margin:5vh auto auto;overflow-y:auto;background:#fff;border-radius:12px;border:2px solid #d3d3d3;box-shadow:0 3px 8px rgba(0,0,0,.4);animation:fadeInSlide .2s}.HowToPlay>p{margin:auto;width:70ch;padding:5px}.HowToPlay>button{margin:1em auto}.title{display:inline;white-space:nowrap;border-bottom:5px solid #e93f6f;border-bottom:5px solid var(--color-2);padding:0 10px;cursor:default}.title>div{color:#2275a5;color:var(--color-3);font-size:35px}.title-container{background:#fff;padding:30px;margin:auto 15px;transform:rotate(-10deg);border:2px solid #16da92;border:2px solid var(--color-1);border-radius:5px}.background-wing:before{background:#e93f6f;background:var(--color-2);left:0;transform:rotate(10deg) translate(-400px,-100px)}.background-wing:after,.background-wing:before{position:absolute;height:150%;width:600px;content:" ";top:0;z-index:-2;overflow:hidden}.background-wing:after{background:#2275a5;background:var(--color-3);right:0;transform:rotate(-10deg) translate(400px,-100px)}.Controls,.PracticeControls{position:relative;height:100%;display:flex;align-content:center}.Controls>button,.PracticeControls>button{margin:auto 5px}button,input[type=submit],input[type=text]{margin:10px 5px;padding:10px;background-color:#fff;border-radius:5px;border:2px solid #d3d3d3;box-shadow:0 3px 8px rgba(0,0,0,.4);transition:.1s;font-family:"Fredoka One",cursive;font-family:var(--main-font);font-size:16px;cursor:pointer}form{padding:10px}button:hover,input[type=submit]:hover{transform:rotate(3deg)}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes rotateOut{0%{transform-origin:center center;transform:rotate(0);opacity:1}to{transform-origin:center center;transform:rotate(200deg);opacity:0}}.AllExamplesContainer{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;justify-content:space-around}.ExamplesContainer{flex-direction:row;margin:auto 5px;max-width:600%}.ExampleCard,.ExamplesContainer{display:flex;justify-content:center}.ExampleCard{align-content:center;margin:.5em;padding:.25em;transition:.1s;background:#fff;border-radius:5px;border:2px solid #d3d3d3;box-shadow:0 3px 8px rgba(0,0,0,.4);animation:fadeInSlide .2s}.example-icon{height:20px;width:20px;border-width:2px;border-radius:5px;stroke-width:25px}.EmployeeInfo{background:#fff;display:flex;flex-direction:row;margin:auto 10px;padding:5px;border-radius:5px;border:2px solid #d3d3d3;box-shadow:0 3px 8px rgba(0,0,0,.4);font-size:16px}.EmployeeInfo>div{display:flex;flex-direction:row;margin:auto 5px}.EmployeeInfo>div>*{cursor:default;margin:auto 5px}.color-1{color:#16da92;color:var(--color-1)}.color-2{color:#e93f6f;color:var(--color-2)}.color-3{color:#2275a5;color:var(--color-3)}.Attribution{bottom:0;width:100%;position:absolute;color:grey;margin:10px;z-index:-10}.Attribution>a,a:visited{color:grey}.menu-card>button{margin:10px}.PublicGames{display:block;margin:30px auto;overflow-y:scroll;overflow-x:visible;height:100%;max-height:250px}tbody{border:2px solid #d3d3d3;margin:auto}thead{color:#2275a5;color:var(--color-3)}tr:nth-of-type(2n){background:#d3d3d3}td:nth-of-type(3){width:100%}td{padding:5px 30px}td>button{font-size:14px;padding:5px 10px;white-space:nowrap}.status-waiting{color:#16da92;color:var(--color-1)}.status-playing{color:#e93f6f;color:var(--color-2)}.LobbyKeyCode>h1{color:#2275a5;color:var(--color-3)}.LobbyGameInfo{margin:0 20px}.UserIcon{margin:auto}.user-icon-name{padding:0;margin:0 auto}.UserSetup{padding:20px;margin:0 20px}.UserSetup>.UserIcon>svg{height:6rem;width:6rem;stroke-width:10px;padding:0}.PickIcon{max-width:350px;margin:20px auto}.PickColor{max-width:350px;margin:auto}.PickUsername{display:flex;flex-direction:column}input[type=text]{border-color:#16da92;border-color:var(--color-1)}.lobby-card{display:flex;flex-direction:column;width:25ch;margin:0 10px;padding:20px}.card{background:#fff;border-radius:12px;border:2px solid #d3d3d3;box-shadow:0 3px 8px rgba(0,0,0,.4)}.GameLobby{display:flex;flex-direction:row}input[type=text]{margin:10px}.players-display{max-width:50ch;max-height:200px;flex-wrap:wrap;overflow-y:auto}.MainMenu,.players-display{display:flex;flex-direction:row}.MainMenu{width:100%;height:100%;justify-content:center;align-content:center;padding-top:30px}.menu-card{flex-direction:column;width:20ch;padding:4em 2em;margin:0 10px;border-width:5px;display:flex;justify-content:flex-start}.menu-card:first-of-type{border-color:#2275a5;border-color:var(--color-3)}.menu-card:nth-of-type(2){border-color:#16da92;border-color:var(--color-1)}.menu-card:nth-of-type(3){border-color:#e93f6f;border-color:var(--color-2)}hr{width:100%;height:5px;border:none;background:grey}.JoinGame{background:#fff;padding:2em 4em;max-width:50%;margin:30px auto auto}.AlertBar{position:fixed;width:100%;height:1.2em;opacity:.7}.error{color:#e93f6f;color:var(--color-2)}.success{color:#16da92;color:var(--color-1)}.generic{color:#2275a5;color:var(--color-3)}.CreateNewGame>div{display:flex;flex-direction:row;justify-content:center;margin:20px}.GameChat,.GameStats{width:25ch;max-width:25ch;padding:30px 0;margin:auto 30px}.user-points{justify-content:space-around;margin:auto 2em}.score-row,.user-points{display:flex;flex-direction:row}.score-row{flex-wrap:nowrap;width:100%;font-size:12px}.UserIcon .tiny{height:1em;width:1em;border-radius:10px;justify-self:flex-start}.scores-container{max-height:300px;overflow-y:auto}.score-name{display:flex;align-content:center;height:2em;width:100%;overflow:auto;margin:auto}.score-row:nth-of-type(2n){background:#d3d3d3}.score-points,.score-rank{width:3em;margin:auto 3px}.tiny>svg{height:1.5em;width:1.5em;stroke-width:12px}.large>svg{height:4em;width:4em;stroke-width:10px}.messages-container{height:50vh;max-height:50vh;width:100%;overflow-y:scroll}.message{border-bottom:1px dashed #d3d3d3;width:100%;font-size:12px}.message-username{color:grey;text-align:left;margin:0 5px}.message-content{text-align:right;margin:0 5px}.message-form{display:flex;flex-direction:row;max-width:100%}.message-form>input{width:17ch;font-size:14px;padding:5px;margin:2px}.points-display{padding:15px;width:15ch}.banner-icon{min-height:3em;min-width:3em;fill:#000;stroke:#000}.winner-icons-container{display:flex;flex-direction:row}@media only screen and (max-width:1450px){button,p{font-size:12px}.SetCard{width:10em;height:7.5em}.SetCard>svg{height:2em;width:2em;border-width:3px;border-radius:7px}.GameChat,.GameStats{margin:auto 10px;width:20ch;max-width:20ch}.message-form{flex-direction:column}.JoinGame{padding:10px;width:auto;max-width:70vw}}@media only screen and (max-width:1150px){.SetCard{width:8em;height:5.5em}.SetCard>svg{height:1.5em;width:1.5em;border-width:3px;border-radius:7px}}
/*# sourceMappingURL=main.82ddcd30.chunk.css.map */