*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins', sans-serif}body{background:white;color:white;display:flex;justify-content:center;align-items:center;min-height:100vh}body .container{position:relative;max-width:100%;display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));grid-template-rows:minmax(100px, auto);margin:40px;grid-auto-flow:dense;grid-gap:20px}body .container .box{background:#0d1113;padding:20px;display:grid;font-size:18px;place-items:center;text-align:center;transition:.5s}body .container .box:hover{background:#f84443}body .container .box:hover .icon{color:white}body .container .box:nth-child(1){grid-column:span 2;grid-row:span 1}body .container .box:nth-child(2){grid-column:span 1;grid-row:span 2}body .container .box:nth-child(4){grid-column:span 1;grid-row:span 2}body .container .box:nth-child(5){grid-column:span 3;grid-row:span 1}body .container .box svg.icon{width:100px;color:#f84443;margin-bottom:10px}@media (max-width: 992px){.container{grid-template-columns:repeat(auto-fill, minmax(50%, 1fr));grid-template-rows:minmax(auto, auto)}.container .box{grid-column:unset !important;grid-row:unset !important}}
/*# sourceMappingURL=style.css.map */