body,html{padding:0;margin:0;font-family:Nunito Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}*{box-sizing:border-box}img{max-width:100%}.container{background:#fafbfc;color:#1e262f;min-height:100vh;padding:0 2rem;flex-direction:column;align-items:center}.container,main{display:flex;justify-content:center}main{padding-top:5rem;flex:1 1;flex-direction:column}a{color:inherit}.title a,a{text-decoration:none}.title a{color:#0070f3}.title a:active,.title a:focus,.title a:hover{text-decoration:underline}.title{margin:0;line-height:1.15;font-size:4rem}.description{line-height:1.5;font-size:1.5rem;max-width:600px;margin:0 auto}code{background:#fafafa;border-radius:5px;padding:.75rem;font-size:1.1rem;font-family:Nunito Sans,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace}.grid{display:grid;max-width:600px}.card{color:#1e262f;text-decoration:none;border:1px solid #dfe2e6;border-radius:10px;transition:color .15s ease,border-color .15s ease;overflow:hidden;background-color:#fff;min-height:200px}@media only screen and (min-width:600px){.card{display:flex}}.card__img{height:calc(382px / 2);display:flex}@media only screen and (min-width:600px){.card__img{width:38.2%;height:100%;transition:all .3s ease;flex-shrink:0;position:relative;display:flex}}.card__img img{width:100%;height:100%;object-fit:cover;object-position:center}@media only screen and (min-width:600px){.card__img img{position:absolute;top:0;left:0}.card:hover .card__img{width:61.8%}}.card__content{padding:1.5rem;display:flex;flex-direction:column}.card h3{margin:0 0 1rem;font-size:1.5rem}.card p{font-size:16px;line-height:1.5;margin-top:0}.card ul{list-style:none;padding:0;display:flex;align-items:center;margin:auto 0 0}.card li{color:#fff;background-color:#1e262f;border-radius:1em;line-height:1;padding:.5em .75em;font-size:11px;margin-right:1em}a{text-decoration:underline}@media (max-width:600px){.grid{width:100%;flex-direction:column}.title{font-size:3rem}}h2{margin-top:5rem;font-size:32px}footer{width:100%;max-width:1000px;font-size:11px;color:#848a91;display:flex;flex-direction:column;margin:5rem 0 1rem;padding-top:1rem}footer div{text-align:center;margin-bottom:.5rem}