:root{--accent:#e93369;--accent-gray:#bdbdbd;--bg-dark:#ececec;--bg:#f7f7f7;--bg-light:#ffffff;--text:#0d0d0d;--text-muted:#2b2b2b;--image-radius:4px;--box-radius:4px}html{scroll-padding-top:8rem;min-height:100vh;display:flex;flex-direction:column}html *{font-family:roboto,Verdana,sans-serif;line-height:1.6em;color:var(--text)}body{margin:0;margin-top:80px;display:flex;flex-direction:column;align-items:center;flex:1;background-color:var(--bg)}main{margin:40px 80px;max-width:60rem;@media(max-width:60rem){margin: 40px 0;}}main>*{margin-inline:0;margin-block:1em;@media(max-width:60rem){margin-inline: 80px;}@media(max-width:768px){margin-inline: 10vw;}}