body,html{margin:0;padding:0}body{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;box-sizing:border-box;font-family:Fira Sans,sans-serif;font-size:1.2em}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#aaa}::-webkit-scrollbar-thumb{background:#2498db;border-radius:25px}::-webkit-scrollbar-thumb:hover{background:#fff}.App{color:#c5c6c7;padding:10px 10px 0;width:100%;height:100vh;font-family:Neucha,cursive;margin:0 auto;background:rgba(39,142,165,.2) url(/static/media/background.19b0b529.svg) repeat-x bottom;box-sizing:border-box;letter-spacing:2px}.App-header svg.loading-svg{width:80px!important;height:auto;margin-top:-25px!important}.App-header{font-size:calc(5px + 2vmin);text-align:center;background-color:#1f2833;min-height:50vh;padding:10px;position:relative}.App-header h3{font-size:1.2em}.App-header span{display:block}.App-header svg{width:150px;padding-top:10px;height:auto}.App-header h3 span{letter-spacing:2px;text-decoration:underline;color:#45a29e;margin:5px 0}.App-header form{padding:6px 0;font-family:Neucha,cursive}.App-header input{border:3px solid #364f6b;font-size:1.1em;padding:6px 2px 3px 15px;border-radius:3px;background:transparent;color:#c5c6c7;font-weight:500;letter-spacing:3px;font-family:Neucha,cursive}.App-header form button{color:#c5c6c7;padding:4px;font-family:Neucha,cursive}button{margin-left:10px;border:3px solid #364f6b;font-size:1.1em;padding:3px 20 3px 20px;display:inline-block;border-radius:5px;background:transparent;color:#1f2833;font-weight:500;letter-spacing:1px}.label{padding:10px 0;color:#fc5185;font-size:1.2em}main{position:relative}section{height:40vh;width:90%;left:5vw;padding:2px;background:#278ea5 url(/static/media/background.19b0b529.svg) no-repeat;top:-13vh;z-index:100}h3.svg-label,section{position:absolute;border-radius:10px}h3.svg-label{left:31%;background:#fc5185;padding:2px 10px;top:-35px;display:inline-block;box-shadow:3px 3px 3px #444}.race-bar-graph{height:94%;width:96%;background:rgba(39,60,123,.6);padding-top:0;border-radius:10px;margin:10px auto 0}.race-bar-graph svg{box-sizing:border-box;padding-top:10px;height:100%;width:100%;border-radius:10px;box-shadow:2px 3px 5px #000}.defs-rect{opacity:.2}.week-number{font-size:1.4rem;font-weight:bolder}.week-number text{padding:10px}.week-number .date{font-size:1rem}.user-info{color:#1f2833;font-size:1.2em;display:flex;flex-direction:column}.user-info img{width:80px;height:auto;border-radius:50%}.who-won{color:#1f2833;text-align:center;margin-top:3vh;display:flex;justify-content:space-evenly}.who-won h4{margin-bottom:10px;margin-top:10px;text-align:center;font-size:1.1em}.won-day{font-size:1em;font-weight:700;text-decoration:underline;color:#fc5185}text{font-weight:500}text.count-number{fill:gold}@media (min-width:460px) and (max-width:520px){.App-header{min-height:49vh;padding:10px}.App-header form{margin-top:-.5em}section{width:80%;left:10%;padding:5px;top:-9.5vh}h3.svg-label{left:40%;border-radius:10px}}@media (min-width:520px) and (max-width:968px){.App-header{min-height:53vh}.App-header form{margin-top:-1em}.App-header span{display:inline}h3.svg-label{left:40%;border-radius:10px}section{height:42vh;width:80%;left:10%;top:-15vh}}@media (min-width:968px){.App-header{min-height:53vh}.App-header form{margin-top:-.8em}.App-header span{display:inline}main{width:80vw;padding:10px;margin:0 auto}h3.svg-label{left:44%}section{height:42vh;width:60%;left:20%;top:-15vh}}@media (max-height:1021px){.App{height:107vh}main section{top:-7vh}.who-won{margin:5vh 5vh 0}}@media (max-height:821px){.App{height:111vh}main section{top:-7vh}.who-won{margin:5vh}}@media (max-height:640px){.App{height:134vh}.App-header{min-height:54vh}main section{position:unset;height:44vh;width:95%;margin:0 auto}.who-won{margin:5vh}}@media (max-height:440px){.App{height:160vh}}#toast{visibility:hidden;min-width:250px;margin-left:-125px;background-color:#1f2833;opacity:.9;color:#fff;text-align:center;border-radius:10px;padding:16px;position:fixed;z-index:1000;left:50%;bottom:30px}#toast.show{visibility:visible;-webkit-animation:fadein .5s,fadeout .5s 2.5s;animation:fadein .5s,fadeout .5s 2.5s}@-webkit-keyframes fadein{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@keyframes fadein{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@-webkit-keyframes fadeout{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0}}@keyframes fadeout{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0}}.ribbon{width:150px;height:150px;overflow:hidden;position:absolute}.ribbon:after,.ribbon:before{position:absolute;z-index:-1;content:"";display:block;border:5px solid #2980b9}.ribbon span{border:3px solid #fff;position:absolute;display:block;width:235px;padding:15px 0;background-color:#3498db;box-shadow:0 5px 10px rgba(0,0,0,.1);color:#fff;font:700 12px/1 Work Sans,sans-serif;text-shadow:0 2px 2px rgba(0,0,0,.2);text-transform:uppercase;text-align:center}.ribbon-top-left{top:-1px;left:-2px}.ribbon-top-left:after,.ribbon-top-left:before{border-top-color:transparent;border-left-color:transparent}.ribbon-top-left:before{top:0;right:0}.ribbon-top-left:after{bottom:0;left:0}.ribbon-top-left span{right:-25px;top:30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);font-family:Neucha,cursive}@media (min-width:720px){.ribbon span{font:700 13px/1.5 Neucha,cursive}}
/*# sourceMappingURL=main.a7e7111b.chunk.css.map */