body{font-family:sans-serif;margin:0;padding:0;background:#f0f8ff}s header,footer{background-color:#007acc;color:#fff;text-align:center;padding:20px}main{max-width:1200px;margin:60px auto;width:90%;background-color:#fff;border-radius:15px}main image{width:100%}.cards{display:flex;flex-wrap:wrap;gap:20px}.card{background:#fff;border-radius:8px;overflow:hidden;width:90%;box-shadow:0 2px 8px rgba(0,0,0,.1);text-decoration:none;color:#333;margin:20px 5%}@media only screen and (min-width: 768px){.card{width:30%;margin:20px 1.6666666667%}}.card img{width:100%;height:auto}.card-content{padding:15px}.category{display:inline-block;background:#007acc;color:#fff;padding:5px 10px;border-radius:4px;font-size:12px;margin-bottom:10px}.card-title{font-size:16px;margin:10px 0}.card-date{font-size:12px;color:#666}.content-header h1{font-size:2em;margin:20px auto;margin-left:20px}@media only screen and (min-width: 768px){.content-header h1{margin-left:5%}}.content-header span{margin-bottom:50px;display:inline-block;color:gray}.content-header span.dli-clock{vertical-align:middle;color:#333;line-height:1;position:relative;width:1em;height:1em;border:.1em solid currentColor;border-radius:50%;box-sizing:content-box;margin-left:20px;margin-bottom:0}@media only screen and (min-width: 768px){.content-header span.dli-clock{margin-left:5%}}.content-header span.dli-clock::before{content:"";position:absolute;left:50%;bottom:50%;background:currentColor;border-radius:.1em;transform:translate(-0.05em, 0.05em);color:gray}.content-header span.dli-clock::after{content:"";position:absolute;left:50%;bottom:50%;background:currentColor;border-radius:.1em;transform:translate(-0.05em, 0.05em);color:gray}.content-header span.dli-clock::before{width:.1em;height:.4em}.content-header span.dli-clock::after{width:.4em;height:.1em}.content-header span.dli-redo{vertical-align:middle;color:#333;line-height:1;position:relative;width:1em;height:1em;transform:rotate(45deg);margin-bottom:0}.content-header span.dli-redo::before{content:"";position:absolute;top:0;left:0;width:inherit;height:inherit;border:.1em solid currentColor;border-right-color:rgba(0,0,0,0);border-radius:50%;box-sizing:border-box;transform:rotate(-45deg);color:gray}.content-header span.dli-redo::after{content:"";position:absolute;top:.05em;right:50%;width:.2em;height:.2em;border:.1em solid currentColor;border-left:0;border-bottom:0;box-sizing:content-box;transform:translateX(0.14142em) rotate(45deg);transform-origin:top right;color:gray}.content-body{margin:50px auto;padding:30px}.content-body p{margin:20px auto}