body{margin:1rem;color:#222;font-family:sans-serif;line-height:1.5;max-width:768px;@media(min-width:600px){margin: 1rem auto;}}main{@media(min-width:600px){margin: 4rem auto; max-width: 600px;}}.grid{display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr}img{@media(max-width:599px){width: 100%; height: auto !important;}max-width:800px}iframe{width:100%;max-width:768px}footer{border-top:1px solid #222;margin-top:1rem;@media(max-width:599px){iframe{margin-top:1rem}}@media(min-width:600px){padding: 1rem;}iframe{margin-bottom:1rem}p{margin:.25rem 0}}a{color:#00e;text-decoration:none}