*{margin:0;padding:0}.container{box-sizing:border-box;width:100%;height:90vh;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;border:2px solid #000}.container div{border:2px solid #000;transition:all .3s}.container div:hover{cursor:pointer}.red{background-color:red}.green{background-color:green}.blue{background-color:blue}.yellow{background-color:#ff0}.pink{background-color:#f891a3}.orange{background-color:orange}.white{background-color:#fff}.btn-container{width:100%;height:10vh;display:flex;align-items:center;justify-content:center;gap:2rem}.btn-container button{border:none;padding:1rem 2rem;border-radius:1rem;font-size:1rem;font-weight:600;color:#f0f8ff;background-color:#161414;opacity:.5}.btn-container button:hover{cursor:pointer;opacity:1}