html,body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}*{box-sizing:border-box}.container{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:0 .5rem;display:flex}main{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:4rem 0;display:flex}.image{border-radius:50%;width:200px;height:200px}a{color:inherit;text-decoration:none}.title a{color:#0070f3;text-decoration:none}.title a:hover,.title a:focus,.title a:active{text-decoration:underline}.title{margin:0;font-size:4rem;line-height:1.15}.description{color:#000;text-align:center;margin:.5rem 1rem;font-size:1.5rem;line-height:1.5}.grid{flex-wrap:wrap;justify-content:center;align-items:center;max-width:800px;margin-top:1rem;display:flex}.card{text-align:center;color:inherit;background:#fafafa;border:1px solid #eaeaea;border-radius:10px;flex-basis:45%;min-width:350px;margin:.5rem;padding:1.5rem;text-decoration:none;transition:color .15s,border-color .15s}.card:hover,.card:focus,.card:active{color:#0070f3;border-color:#0070f3}.card h3{margin:0 3rem;font-size:1.5rem}@media (prefers-color-scheme:dark){.container{background:#353535}.description{color:#fff}}@media (max-width:600px){.grid{flex-direction:column;width:100%}}@media (max-width:350px){.card h3{margin:0 3rem;font-size:1.25rem}.card{min-width:275px}}