.header{align-items:center;display:flex;font-family:Cambria;font-size:28px;font-weight:700;justify-content:center}.body{grid-row-gap:1%;grid-column-gap:1%;display:grid;grid-template-columns:repeat(5,20%);grid-template-rows:repeat(6,16%);height:50vh;margin:auto;width:20vw}@media screen and (max-width:1000px){.body{width:70vw}}.box{align-items:center;border:2px solid #d3d6da;display:flex;font-size:2rem;font-weight:700;justify-content:center;padding:10px;text-transform:uppercase}.box:not(:empty){border:2px solid #878a8c}@keyframes flipAnimation{0%{transform:rotateX(0deg)}50%{transform:rotateX(90deg)}to{transform:rotateX(0deg)}}.flipsGreen0{background-color:#6aaa64}.flipsGreen0,.flipsYellow0{animation:flipAnimation 1s ease forwards;color:#fff;transform:rotateX(1turn);transition:background-color .5s ease .5s,color .5s ease .5s}.flipsYellow0{background-color:#c9b458}.flipsGris0{animation:flipAnimation 1s ease forwards;background-color:#787c7e;color:#fff;transform:rotateX(1turn);transition:background-color .5s ease .5s,color .5s ease .5s}.flipsGreen1{background-color:#6aaa64}.flipsGreen1,.flipsYellow1{animation:flipAnimation 1s ease 1s forwards;color:#fff;transform:rotateX(1turn);transition:background-color .5s ease 1.5s,color .5s ease 1.5s}.flipsYellow1{background-color:#c9b458}.flipsGris1{animation:flipAnimation 1s ease 1s forwards;background-color:#787c7e;color:#fff;transform:rotateX(1turn);transition:background-color .5s ease 1.5s,color .5s ease 1.5s}.flipsGreen2{background-color:#6aaa64}.flipsGreen2,.flipsYellow2{animation:flipAnimation 1s ease 2s forwards;color:#fff;transform:rotateX(1turn);transition:background-color .5s ease 2.5s,color .5s ease 2.5s}.flipsYellow2{background-color:#c9b458}.flipsGris2{animation:flipAnimation 1s ease 2s forwards;background-color:#787c7e;color:#fff;transform:rotateX(1turn);transition:background-color .5s ease 2.5s,color .5s ease 2.5s}.flipsGreen3{background-color:#6aaa64}.flipsGreen3,.flipsYellow3{animation:flipAnimation 1s ease 3s forwards;color:#fff;transition:background-color .5s ease 3.5s,color .5s ease 3.5s}.flipsYellow3{background-color:#c9b458}.flipsGris3{animation:flipAnimation 1s ease 3s forwards;background-color:#787c7e;color:#fff;transition:background-color .5s ease 3.5s,color .5s ease 3.5s}.flipsGreen4{background-color:#6aaa64}.flipsGreen4,.flipsYellow4{animation:flipAnimation 1s ease 4s forwards;color:#fff;transition:background-color .5s ease 4.5s,color .5s ease 4.5s}.flipsYellow4{background-color:#c9b458}.flipsGris4{animation:flipAnimation 1s ease 4s forwards;background-color:#787c7e;color:#fff;transition:background-color .5s ease 4.5s,color .5s ease 4.5s}.overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.popup{background-color:#fff;border-radius:5px;box-shadow:0 0 10px #0000004d;padding:20px;text-align:center}.popup h2{color:#333}.popup p{color:#666;margin-bottom:20px}.popup button{background-color:#007bff;border:none;border-radius:3px;color:#fff;cursor:pointer;padding:10px 20px}.popup button:hover{background-color:#0056b3}
/*# sourceMappingURL=main.824ff629.css.map*/