.Ph44ixnI_J_d9dVYLiew{position:fixed;display:none;justify-content:center;align-items:center;left:0;right:0;top:0;bottom:0;background-color:#a7a7a7;z-index:10000}.Ph44ixnI_J_d9dVYLiew.Z3zpdc7uvQ1wrr1hqOsh{display:flex}.GlrJqHkf0UWQVVfQFXn8{min-width:300px;padding:20px;background-color:white}

.gpkA7yMdIPnL_zgCNlmf{padding:5px 20px;background-color:#a7a7a7;font-size:15px;border:0;cursor:pointer}.gpkA7yMdIPnL_zgCNlmf:hover{background-color:#646464}

*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;user-select:none}.app{position:relative;width:100vw;height:100vh;padding:10px 0;align-items:center;text-align:center}.cards{display:grid;grid-template-columns:repeat(4, 1fr);width:1200px;margin:0 auto;height:100%;gap:5px}.card{display:flex;align-items:center;justify-content:center;height:100%;color:#a7a7a7;background-color:#a7a7a7;transform:rotateY(180deg);transition:all .3s ease;font-size:30px}.card.open{color:black;transform:rotateY(0deg);cursor:pointer}.card.completed{background-color:white;color:white}@media (max-width: 1200px){.cards{width:100%;padding:10px}}@media (max-width: 768px){.app{padding:5px}}@media (max-width: 425px){.app{padding:3px}.cards{gap:3px}.card{font-size:20px;border:2px solid black}}@media (hover: none){*:hover{background-color:transparent}*:active{background-color:transparent}}