.grid{display:grid;grid-gap:1px;grid-template-rows:calc(var(--base-unit, $base-unit)*6);grid-template-columns:repeat(7,var(--base-unit,150px))}.grid .boardColumn{display:grid;grid-gap:1px;grid-template-rows:repeat(6,var(--base-unit,150px));grid-template-columns:var(--base-unit,150px)}.grid .boardColumn .cell{width:var(--base-unit,150px);height:var(--base-unit,150px);border-radius:10%}.grid .boardColumn .cell,.grid .boardColumn .cell .item{display:-webkit-box;display:-ms-flexbox;display:flex;background:var(--col-def,hsla(0,0%,94.1%,.8));-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.grid .boardColumn .cell .item{height:95%;width:95%;border-radius:50%}.grid .boardColumn .color_1 .item{background:#00b1f2}.grid .boardColumn .color_2 .item{background:#fccf1a}.modal{position:absolute;position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-width:22em;max-height:40vh;padding:2rem;border-radius:1rem;-webkit-box-shadow:0 5px 5px rgba(0,0,0,.2);box-shadow:0 5px 5px rgba(0,0,0,.2);background:#fff;z-index:999;-webkit-transform:none;transform:none}.modal h1{margin:0 0 1rem}.modal-overlay{content:"";position:absolute;position:fixed;top:0;right:0;bottom:0;left:0;z-index:998;background:var(--primary,#333);opacity:.6;cursor:pointer}button{display:inline-block;padding:.35em 1.2em;border:.1em solid #000;margin:0 .3em .3em 0;border-radius:.12em;-webkit-box-sizing:border-box;box-sizing:border-box;text-decoration:none;font-family:Roboto,sans-serif;font-weight:300;color:#000;text-align:center;-webkit-transition:all .2s;transition:all .2s}button:hover{color:#000;background-color:#fff}@media (max-width:30em){button{display:block;margin:.4em auto}}.bouncy{-webkit-animation:bouncy 5s linear infinite;animation:bouncy 5s linear infinite;position:relative}@-webkit-keyframes bouncy{0%{top:0}40%{top:0}43%{top:-.9em}46%{top:0}48%{top:-.4em}50%{top:0}to{top:0}}@keyframes bouncy{0%{top:0}40%{top:0}43%{top:-.9em}46%{top:0}48%{top:-.4em}50%{top:0}to{top:0}}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .4s linear;transition:opacity .4s linear}.fade-enter,.fade-leave-to{opacity:0}.pop-enter-active,.pop-leave-active{-webkit-transition:opacity .4s linear,-webkit-transform .4s cubic-bezier(.5,0,.5,1);transition:opacity .4s linear,-webkit-transform .4s cubic-bezier(.5,0,.5,1);transition:transform .4s cubic-bezier(.5,0,.5,1),opacity .4s linear;transition:transform .4s cubic-bezier(.5,0,.5,1),opacity .4s linear,-webkit-transform .4s cubic-bezier(.5,0,.5,1)}.pop-enter,.pop-leave-to{opacity:0;-webkit-transform:scale(.3) translateY(-50%);transform:scale(.3) translateY(-50%)}p{margin-top:2vh;font-family:Hepta Slab;font-size:7vh;font-variation-settings:"wght" 0;text-align:center}p span:first-child{-webkit-animation:weighted 2.1s ease-in-out infinite;animation:weighted 2.1s ease-in-out infinite;-webkit-animation-delay:0s;animation-delay:0s}p span:nth-child(2){-webkit-animation:weighted 2.1s ease-in-out infinite;animation:weighted 2.1s ease-in-out infinite;-webkit-animation-delay:.08s;animation-delay:.08s}p span:nth-child(3){-webkit-animation:weighted 2.1s ease-in-out infinite;animation:weighted 2.1s ease-in-out infinite;-webkit-animation-delay:.16s;animation-delay:.16s}p span:nth-child(4){-webkit-animation:weighted 2.1s ease-in-out infinite;animation:weighted 2.1s ease-in-out infinite;-webkit-animation-delay:.24s;animation-delay:.24s}p span:nth-child(5){-webkit-animation:weighted 2.1s ease-in-out infinite;animation:weighted 2.1s ease-in-out infinite;-webkit-animation-delay:.32s;animation-delay:.32s}p span:nth-child(6){-webkit-animation:weighted 2.1s ease-in-out infinite;animation:weighted 2.1s ease-in-out infinite;-webkit-animation-delay:.4s;animation-delay:.4s}p span:nth-child(7){-webkit-animation:weighted 2.1s ease-in-out infinite;animation:weighted 2.1s ease-in-out infinite;-webkit-animation-delay:.48s;animation-delay:.48s}p span:nth-child(8){-webkit-animation:weighted 2.1s ease-in-out infinite;animation:weighted 2.1s ease-in-out infinite;-webkit-animation-delay:.56s;animation-delay:.56s}p span:nth-child(9){-webkit-animation:weighted 2.1s ease-in-out infinite;animation:weighted 2.1s ease-in-out infinite;-webkit-animation-delay:.64s;animation-delay:.64s}@-webkit-keyframes weighted{0%{font-variation-settings:"wght" 0}50%{font-variation-settings:"wght" 1000}to{font-variation-settings:"wght" 0}}@keyframes weighted{0%{font-variation-settings:"wght" 0}50%{font-variation-settings:"wght" 1000}to{font-variation-settings:"wght" 0}}@font-face{font-family:Hepta Slab;src:url(../fonts/HeptaSlabGX.ttf) format("truetype")}:root{--primary:#00b1f2;--secundary:#fccf1a;--base-unit:15vh}#app{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100vh;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:Hepta Slab,Times New Roman,Times,serif}#app,body{margin:0;padding:0;background:var(--primary);-webkit-transition:1s;transition:1s}