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}.box{position:relative;max-width:600px;width:90%;height:400px;background:#fff;box-shadow:0 0 15px rgba(0,0,0,.1);opacity:.1}.ribbon{width:100px;height:100px;overflow:hidden;position:absolute}.ribbon:after,.ribbon:before{position:absolute;z-index:-1;content:"";display:block;border:5px solid #2980b9}.ribbon span{position:absolute;display:block;width:225px;padding:5px 0;background-color:#3498db;box-shadow:0 5px 10px rgba(0,0,0,.1);color:#fff;font:700 18px/1 "Lato",sans-serif;text-shadow:0 1px 1px rgba(0,0,0,.2);text-transform:uppercase;text-align:center}.ribbon-top-left{top:-10px;left:-10px}.ribbon-top-left:after,.ribbon-top-left:before{border-top-color:transparent;border-left-color:transparent}.ribbon-top-left:before{top:0;left:66px}.ribbon-top-left:after{top:66px;left:0}.ribbon-top-left span{right:-25px;top:30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.ribbon-top-right{top:-10px;right:-10px}.ribbon-top-right:after,.ribbon-top-right:before{border-top-color:transparent;border-right-color:transparent}.ribbon-top-right:before{top:0;left:0}.ribbon-top-right:after{bottom:0;right:0}.ribbon-top-right span{left:-25px;top:30px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.ribbon-bottom-left{bottom:-10px;left:-10px}.ribbon-bottom-left:after,.ribbon-bottom-left:before{border-bottom-color:transparent;border-left-color:transparent}.ribbon-bottom-left:before{bottom:0;right:0}.ribbon-bottom-left:after{top:0;left:0}.ribbon-bottom-left span{right:-25px;bottom:30px;-webkit-transform:rotate(225deg);transform:rotate(225deg)}.ribbon-bottom-right{bottom:-10px;right:-10px}.ribbon-bottom-right:after,.ribbon-bottom-right:before{border-bottom-color:transparent;border-right-color:transparent}.ribbon-bottom-right:before{bottom:0;left:0}.ribbon-bottom-right:after{top:0;right:0}.ribbon-bottom-right span{left:-25px;bottom:30px;-webkit-transform:rotate(-225deg);transform:rotate(-225deg)}.time-left-container{position:fixed;right:0;top:50%;height:30px;padding:10px;background-color:#fe7300;z-index:10000;border-radius:40px 0 0 40px;box-shadow:0 2px 9px 0 #ffab66,0 2px 9px 0 hsla(0,0%,80%,.6);display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.time-left-time{font-size:15px;font-weight:900;color:#fff}.time-left-colon{-webkit-animation:colonAnimation 1s linear infinite;animation:colonAnimation 1s linear infinite}@-webkit-keyframes colonAnimation{0%{opacity:1}49%{opacity:1}50%{opacity:0}99%{opacity:0}to{opacity:1}}@keyframes colonAnimation{0%{opacity:1}49%{opacity:1}50%{opacity:0}99%{opacity:0}to{opacity:1}}@media only screen and (max-width:600px){.time-left-container{top:70%}}.scored-by-total{position:fixed;top:35%;right:0;padding:5px 5px 5px 20px;background-color:#fe7300;z-index:10000;color:#fff;font-size:20px;font-weight:900;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;border-radius:40px 0 0 40px;box-shadow:0 2px 9px 0 #ffab66,0 2px 4px 0 #999;min-width:90px}@media only screen and (max-width:600px){.scored-by-total{top:calc(70% - 80px)}}
/*# sourceMappingURL=main.dd254e04.chunk.css.map */