@import url(https://fonts.googleapis.com/css2?family=Lobster&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}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{background-color:#27254e}.app{flex-direction:column;justify-content:center}.app,.main-cont{display:flex;align-items:center}.main-cont{flex-direction:row;justify-content:space-around;width:100%}.info-cont{display:flex;flex-direction:column;width:50%}.grid-cont,.info-cont{align-items:center;justify-content:center}.grid-cont{display:grid;grid-template-columns:repeat(50,.8vw);background-color:#097462;margin:2vh 0 0;width:40vw;grid-gap:0;gap:0;box-shadow:0 0 75px -1px rgba(0,0,0,.57)}.cell-active{background-color:#fff;box-shadow:inset 0 0 5px #ff8400}.cell-active,.cell-inactive{width:.8vw;height:1.5vh;border:.5px solid #001a47;align-items:stretch}.cell-inactive{background-color:rgba(0,177,162,0)}.title{height:15vh;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:"Lobster",cursive;text-shadow:0 0 14px #969696;margin-bottom:20px}.title h1{font-size:60px;text-shadow:0 0 1vw #fa1c16,0 0 3vw #fa1c16,0 0 10vw #fa1c16,0 0 10vw #fa1c16,0 0 .4vw #fed128,.5vw .5vw .1vw #806914;color:#fed128}.control,.control-cont{width:100%}.control{background-color:#b4c9f6;border-radius:15px;box-shadow:0 0 38px -1px rgba(0,0,0,.57)}.control h1{font-size:20px}.btn-cont{width:100%;justify-content:space-around}.btn-cont,button{display:flex;align-items:center}button{height:25px;width:24%;border:none;margin:10px 0;border-radius:10px;background-color:#00ffea;cursor:pointer;outline:none;justify-content:center;font-weight:bolder;font-size:12px}.start-btn{background-color:#00c795}.next-btn{background-color:#cc6eff}.stop-btn{background-color:#ff6a6a}.clear-btn{background-color:#ffee59}.slider-cont{width:100%;height:15vh;display:flex;justify-content:space-around;border-radius:0 0 15px 15px;align-items:center;margin:0;background-color:#fff}.labels{width:30%;display:flex;flex-direction:column;text-align:center}.labels p{margin:5px 0;font-size:20px;font-family:Arial,Helvetica,sans-serif}.values{width:70%;text-align:center}.values input,p{margin:8px}.values p{font-size:20px;font-family:Arial,Helvetica,sans-serif}input[type=range]{height:10px;-webkit-appearance:none;width:90%;background-color:transparent;transform:rotateY(180deg)}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:6px;cursor:pointer;animate:.2s;box-shadow:0 0 0 #000;background:#0cc4b8;border-radius:4px;border:0 solid #000}input[type=range]::-webkit-slider-thumb{box-shadow:0 0 0 #000;border:0 solid #2497e3;height:20px;width:20px;border-radius:36px;background:#ff924a;cursor:pointer;-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:#0cc4b8}input[type=range]::-moz-range-track{width:100%;height:6px;cursor:pointer;animate:.2s;box-shadow:0 0 0 #000;background:#0cc4b8;border-radius:4px;border:0 solid #000}input[type=range]::-moz-range-thumb{box-shadow:0 0 0 #000;border:0 solid #2497e3;height:20px;width:20px;border-radius:36px;background:#ff924a;cursor:pointer}input[type=range]::-ms-track{width:100%;height:6px;cursor:pointer;animate:.2s;background:transparent;border-color:transparent;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#0cc4b8;border:0 solid #000;border-radius:8px;box-shadow:0 0 0 #000}input[type=range]::-ms-thumb{margin-top:1px;box-shadow:0 0 0 #000;border:0 solid #2497e3;height:20px;width:20px;border-radius:36px;background:#ff924a;cursor:pointer}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#0cc4b8}.rules-cont{width:100%;background-color:#fff;border-radius:15px;box-shadow:0 0 38px -1px rgba(0,0,0,.57);margin:5vh 0 0}.rules{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:20px}.rules h3{font-family:"Lobster",cursive;font-size:1.8rem}.rules ol{margin:2vh;font-size:1.3rem}footer{font-family:Arial,Helvetica,sans-serif;font-size:16px;color:#fff;margin:20px 0}footer span{color:#00ff80;cursor:pointer}@media only screen and (max-width:1100px){.main-cont{width:100%}.grid-cont{width:100%;grid-template-columns:repeat(50,1vw);background-color:transparent}}@media only screen and (max-width:1300px){.main-cont{display:flex}.grid-cont{width:50%;grid-template-columns:repeat(50,1vw);background-color:transparent}.cell-active{background-color:#fff;box-shadow:inset 0 0 5px #ff8400}.cell-active,.cell-inactive{width:1vw;height:1.2vh;border:.2px solid #001a47;align-items:stretch}.cell-inactive{background-color:#006c69}.info-cont{width:40%}}@media only screen and (max-width:768px){.app{min-height:100vh}.app,.main-cont{margin:0;padding:0}.main-cont{display:flex;flex-direction:column}.grid-cont{width:75%;grid-template-columns:repeat(50,1.5vw);background-color:transparent}.cell-active{background-color:#fff;box-shadow:inset 0 0 5px #ff8400}.cell-active,.cell-inactive{width:1.5vw;height:1.2vh;border:.2px solid #001a47;align-items:stretch}.cell-inactive{background-color:#006c69}.info-cont{width:70%}.control{width:100%;margin:auto}button{margin:10px 1px;width:23%;font-size:11px}}@media only screen and (max-width:600px){.app{width:100%;margin:0;padding:0 2%}.main-cont{display:flex;flex-direction:column;width:100%}.grid-cont{width:100%;grid-template-columns:repeat(50,2vw);background-color:transparent}.cell-active{background-color:#fff;box-shadow:inset 0 0 5px #ff8400}.cell-active,.cell-inactive{width:2vw;height:1.2vh;border:.2px solid #001a47;align-items:stretch}.cell-inactive{background-color:#006c69}.control,.info-cont{width:100%}.control{margin:10px auto auto}.title{height:14vh;padding-bottom:5px}button{margin:10px 1px;width:23%;font-size:11px}}@media only screen and (max-width:450px){.app{width:100%;margin:0;padding:0 2%}.main-cont{display:flex;flex-direction:column;width:100%}.grid-cont{width:100%;grid-template-columns:repeat(50,2vw);background-color:transparent}.cell-active{background-color:#fff;box-shadow:inset 0 0 5px #ff8400}.cell-active,.cell-inactive{width:2vw;height:1.2vh;border:.2px solid #001a47;align-items:stretch}.cell-inactive{background-color:#006c69}.control,.info-cont{width:100%}.control{margin:10px auto auto}.title{height:14vh;padding-bottom:5px}button{margin:10px 1px;width:23%;font-size:11px}}
/*# sourceMappingURL=main.d2bfc7c5.chunk.css.map */