body{font-family:"Comic Sans MS",cursive;
background:linear-gradient(45deg,#ff66cc,#66ffff,#ffff99);
margin:0}
.container{max-width:1100px;margin:auto;padding:14px}
img{max-width:100%;height:auto}
.header{display:block;margin:auto;max-width:900px}
.card{background:#fff8dc;border:6px dashed hotpink;
border-radius:20px;padding:18px;margin:18px 0;
box-shadow:6px 6px lime}
.weather{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(110px,1fr));
gap:8px;overflow:hidden}
.day{background:#fff;border:3px solid magenta;padding:8px;text-align:center}
.quote{background:yellow;border:5px dotted blue;padding:10px;
font-size:22px;animation:blink 1.2s infinite}
@keyframes blink{50%{opacity:.5}}
.btn{display:inline-block;padding:12px 14px;background:cyan;
border:4px outset blue;text-decoration:none;font-weight:bold}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:700px){.grid{grid-template-columns:1fr}}
marquee{font-size:24px;color:red;font-weight:bold}
.clip{font-size:42px;text-align:center}