body,html{width:100%;height:100%}body{margin:0;overflow:auto;font-family:serif;font-size:13px;color:#444;position:relative}h1,h2,h3,h4,h5,h6,p{margin-block-start:0;margin-block-end:0}p{padding:.5rem 0}a{color:#ff5252}a.button{text-decoration:none;display:inline-block;border:1px solid #ef9a9a;box-shadow:3px 0 6px #ccc;border-radius:6px;padding:.5rem 1rem;background-color:#ffebee;color:#ff5252;user-select:none;cursor:pointer}a.button:hover{border-color:#ff5252}body>header{top:0;position:sticky;background-color:#fafafa;border:#eee;box-shadow:0 0 6px #ccc;padding:16px}body>header>p>b{color:green}body>article{padding:1rem}body>article.card-list{display:grid;align-items:center;justify-items:center;grid-template-columns:auto}body>article.card-list>section{border-radius:8px 0 8px 0;padding:1rem;text-align:center}body>article.card-list>section>div.icon{display:flex;align-items:center;justify-content:center}body>article.card-list>section>div.icon>div{background-color:#eee;border-radius:100%;padding:16px}body>article.card-list>section>div.icon>div>img{width:64px;height:64px}body>article>section.summary{padding:2rem;font-size:6vw;letter-spacing:.2rem;text-shadow:2px 2px 6px #ccc}body>article>section.download{margin:1rem auto;border:1px solid #ccc;background-color:#e8f5e9;padding:1rem;display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"arch version" "button button" "tips tips";gap:.5rem;align-items:center}body>article>section.download>.download-arch{grid-area:arch}body>article>section.download>.download-version{grid-area:version}body>article>section.download>.download-button{grid-area:button}body>article>section.download>.download-button>a{margin:.5rem 0}body>article>section.download>.download-tips{grid-area:tips;color:gray;font-size:80%}body>article>section.card{border-radius:8px 0 8px 0;padding:1rem;text-align:center}body>article>section.card>div.icon{display:flex;align-items:center;justify-content:center}body>article>section.card>div.icon>div{background-color:#eee;border-radius:100%;padding:16px}body>article>section.card>div.icon>div>img{width:64px;height:64px}body>article>section.screenshot{display:flex;flex-wrap:wrap;justify-content:center}body>article>section.screenshot>div{margin:1rem}body>article>section.screenshot>div>a>img{max-width:100%;max-height:50vh}body>article>section.app-link{margin:3rem 0;text-align:center;position:relative}body>article>section.app-link>div{position:absolute;z-index:-1;top:50%;width:100%;border-top:1px dotted #ff5252}body>article>section.app-link:hover>div{border-width:2px;margin-top:-1px}body>footer{border-top:1px solid #eee;border-bottom:3px solid #eee;padding:16px;background-color:#fafafa;display:flex}body>footer>div{flex:1}body>footer>div>a{display:inline-block;margin-right:1rem}@media screen and (min-width:1024px){body{display:flex;flex-direction:column}body>article{flex:1}body>header{display:grid;grid-template-columns:1fr auto;align-items:center}body>article.card-list{grid-template-columns:1fr 1fr}body>article>section.download{grid-template-columns:20% 20% 1fr;grid-template-areas:"arch version button" "tips tips tips"}body>article>section.download>.download-button{text-align:right}}