*{border:0;padding:0;margin:0}body{background-color:#783026;height:100vh;width:100vw;display:flex;align-items:center;justify-content:center}#container{display:grid;grid-template-columns:repeat(6,1fr)}.grid{background-color:#d4a285;width:fit-content;padding:20px;gap:5px;border-radius:50px;border-style:solid;border-color:#022619;display:grid;grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(4,1fr);margin-inline:5px;box-shadow:#091e4240 0 1px 1px,#091e4221 0 0 1px 1px}.clock{background-color:#ececec;height:40px;width:40px;border-radius:50%;position:relative;box-shadow:#32325d40 0 30px 60px -12px inset,#0000004d 0 18px 36px -18px inset}.hand{background-color:#262626;width:3px;border-radius:25px;transform-origin:top center;transform:rotate(45deg);position:absolute;top:50%;left:50%;right:50%;height:50%;transition:rotate .25s,transform .25s;padding:0}