.outer{border-bottom:4px solid #9acd32;box-shadow:0 0 5px 5px maroon;margin:-10px 0 30px;background-image:-webkit-gradient(linear,left top,right bottom,from(maroon),to(#000));background-image:linear-gradient(to bottom right,maroon,#000)}.outer .header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:-10px 0 0;text-align:center;background-color:#0f0f0f;border-bottom:4px solid #ff0;background-image:-webkit-gradient(linear,left top,right bottom,from(red),to(#8b0000));background-image:linear-gradient(to bottom right,red,#8b0000)}.outer .header .hamburger{background:none;align-self:flex-start;text-align:left;width:250px}.outer .header .main-title{justify-self:center;background:none;border-bottom:none;border-radius:20px}.outer .header .main-title .title-font{text-decoration:none;background:none;font-size:2.8rem;padding:0 70px;font-family:"Trade Winds","Verdana"}.outer .header .buttons{background:none;width:250px;margin-top:5px;padding-right:10px;display:flex;justify-content:flex-end;align-items:flex-start;align-self:flex-start}.outer .header .buttons .logged-out-buttons{display:flex;flex-direction:column}.outer .header .buttons .logged-out-buttons .reminder{margin-top:10px;padding:2px 5px;background-color:#fff;border:2px solid #ff0;border-radius:5px}.outer .header .buttons .logged-out-buttons .reminder p{color:#0f0f0f;font-size:.6rem}.outer .header .buttons .logged-out-buttons .reminder p:before{display:inline;content:"⚠ "}.outer .header .buttons .button{width:90px;padding:5px;margin-right:5px;background-color:#9acd32;color:#000;border:2px solid #ff0;border-radius:10px;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}.outer .header .buttons .button:hover{-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out;color:maroon;background-color:#ff0}.outer .header .buttons .logout{align-self:flex-end;justify-self:flex-end;margin-right:0}.console{background-color:#9acd32;background-image:-webkit-gradient(linear,right top,left bottom,from(#ff0),to(green));background-image:linear-gradient(to bottom left,#ff0,green);border:3px solid green;border-radius:5px;display:flex;flex-direction:column;width:1200px;height:auto;margin:auto}.console .map{border:3px solid #0f0f0f;background-color:#0f0f0f;border-radius:5px;width:1120px;height:450px;margin:5px auto}.console .interface{display:flex;flex-direction:row;justify-content:center;height:auto;padding:10px 0;background-color:#f5f5f5}.console .interface .chat{border:1px solid #0f0f0f;background-color:#fff;color:#0f0f0f;border-radius:5px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;font-size:.8rem;font-family:Verdana,Geneva,Tahoma,sans-serif;width:43%;height:160px;overflow:hidden;padding:0 0 5px 10px;box-shadow:inset 2px 3px silver}.console .interface .chat .messages{display:flex;flex-direction:column-reverse;justify-content:flex-start;align-items:flex-start;width:100%;overflow-x:hidden;overflow-x:auto}.console .interface .chat .messages .chats{color:#0f0f0f;margin-bottom:8px;font-size:.8rem}.console .interface .chat .messages .chats .time{color:grey;font-size:.6rem}.console .interface .chat .enter{font-size:.6rem;color:#0f0f0f;border:none;display:flex;align-items:center}.console .interface .chat .enter .spacer{width:5px}.console .interface .controls{background:none;width:30%;display:flex;flex-direction:row;justify-content:space-around}.console .interface .controls .actions{display:flex;background:none;flex-direction:column;justify-content:center;align-items:flex-start}.console .interface .controls .actions .action{width:110px;height:70px;margin:auto;background-color:maroon;background-image:-webkit-gradient(linear,left top,right bottom,from(red),to(#8b0000));background-image:linear-gradient(to bottom right,red,#8b0000);border:2px solid #b8860b;border-radius:10px;font-family:"Trade Winds","Verdana";font-size:2.2rem;display:flex;justify-content:center;align-items:center;-webkit-transition:.02s ease-in-out;transition:.02s ease-in-out}.console .interface .controls .actions .action:hover{-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out;font-size:1.8rem;color:maroon}.console .interface .controls .actions .action:active{box-shadow:inset 4px 0 4px 4px maroon;font-size:1.6rem}.console .interface .controls .arrows{display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;align-self:flex-end}.console .interface .controls .arrows .arrow{margin:2px;width:60px;height:60px;font-size:1.5rem;display:flex;justify-content:center;align-items:center;background-color:maroon;background-image:-webkit-gradient(linear,left top,right bottom,from(red),to(#8b0000));background-image:linear-gradient(to bottom right,red,#8b0000);border:2px solid #b8860b;border-radius:5px;-webkit-transition:.02s ease-in-out;transition:.02s ease-in-out}.console .interface .controls .arrows .arrow:hover{-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out;font-size:1.55rem;color:maroon}.console .interface .controls .arrows .arrow:active{box-shadow:inset 4px 0 4px 4px maroon;font-size:1.5rem}.console .interface .controls .arrows .arrows-bottom{display:flex;flex-direction:row}.console .interface .score{border:1px solid #0f0f0f;border-radius:5px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:20%;background-image:-webkit-gradient(linear,left bottom,left top,from(#fff),color-stop(#ff0),color-stop(orange),color-stop(red),to(#8b0000));background-image:linear-gradient(0deg,#fff,#ff0,orange,red,#8b0000)}.console .interface .score .loc{font-size:.7rem;text-align:center}.console .interface .score .loc .rm{font-size:.8rem}.console .interface .score h2{color:#fff;margin-top:-10px;margin-bottom:-8px;font-size:1.6rem;padding-left:10px}.console .interface .score h3{font-size:1.4rem;color:#000}.login{height:auto;width:40%;max-width:800px;margin:100px auto;display:flex;flex-direction:column;align-items:center;background-image:-webkit-gradient(linear,right top,left bottom,from(#ff0),to(green));background-image:linear-gradient(to bottom left,#ff0,green);border:3px solid green;border-radius:5px;box-shadow:1px 1px 0 1px #000}.login h2{font-size:1.4rem;background:none}.login .loginForm{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:70%;background:none}.login .loginForm TextField{color:#0f0f0f;margin:5px}.login .loginForm .button{width:130px;padding:5px;margin:10px;background-color:maroon;background-image:-webkit-gradient(linear,left top,right bottom,from(red),to(#8b0000));background-image:linear-gradient(to bottom right,red,#8b0000);border:2px solid #daa520;border-radius:5px}.login .loginForm .button,.login .loginForm .button:hover{-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}.login .loginForm .button:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.login span{background:none;font-size:.8rem;color:#fff}.error:before{display:inline;content:"⚠ "}.somethingWentWrong{height:auto;width:40%;max-width:800px;margin:-80px auto;display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center;background-color:maroon;background-image:-webkit-gradient(linear,left top,right bottom,from(red),to(#8b0000));background-image:linear-gradient(to bottom right,red,#8b0000);color:#fff;border:3px solid #fff;border-radius:5px;box-shadow:1px 1px 0 1px #000}.somethingWentWrong p{font-size:.8rem}*{color:#fff;font-size:16px;font-family:Verdana,Geneva,Tahoma,sans-serif}body{background-image:url(https://thumbs.dreamstime.com/b/chilli-background-vector-seamless-pattern-endless-texture-can-be-used-wallpaper-printing-fabric-paper-scrapbooking-85543092.jpg);background-repeat:repeat;background-size:20%}.App{width:100%}
/*# sourceMappingURL=main.d3308d86.chunk.css.map */