.container{padding:20px;max-width:1200px;margin:0 auto}.shadow-grid{display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (min-width:1024px){.shadow-grid{grid-template-columns:repeat(4,1fr)}}.shadowbox{width:200px;height:200px;background-color:white;display:flex;align-items:center;justify-content:center;border-radius:10px;cursor:pointer;transition:shadowbox-shadow .3s ease;margin:50px auto}.shadowbox span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.shadowbox:hover:after{content:"Click to copy";position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);background-color:black;color:white;padding:5px;font-size:12px;border-radius:5px;white-space:nowrap}.shadowbox{border:1px solid #ddd;border-radius:15px;overflow:hidden;box-shadow:0 48px 100px 0 rgba(17,12,46,.15);margin-top:0;max-width:600px;background:white;width:100%}.code_shadowbox{overflow:scroll}p{font-size:20px}