*{box-sizing:border-box;font-size:10px}body{height:100vh;width:100vw}#app{margin:0 auto;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;padding-top:2rem}.box-container{width:50%;display:grid;grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:2rem;margin-top:5rem;max-width:90rem}.box{width:6.5rem;height:6.5rem;display:"inline-block";box-shadow:.5rem .5rem 1rem #0009;cursor:pointer;transition:transform .1s linear}.box:hover{transform:scale(1.5)}.imagen{box-shadow:1.5rem 1.5rem 2rem #00000080;border-radius:.3rem;width:80%;display:block;max-width:40rem;margin:0 auto}@media (min-width: 600px){#app{flex-direction:row;align-items:start}.box-container{margin-top:0rem}}@media (min-width: 1400px){#app{padding-top:5rem;flex-direction:column;align-items:center}.box-container{margin-top:10rem}.imagen{width:100%}}