@font-face{font-family:Mom;src:url(/assets/font-BmflpFk-.ttf)}html,body{padding:0;margin:0;font-family:Mom;background-color:#2c3e50;background-image:url(/assets/stormseeker-rX12B5uX7QM-unsplash-ynX-HBp-.jpg);background-size:cover;background-position:center;background-blend-mode:overlay}a{color:inherit;text-decoration:none}*{box-sizing:border-box}main{min-height:100vh;padding:2rem 1rem;flex:1;display:flex;flex-direction:column;color:#fafafa}.title{margin-left:.5;align-items:left}.description{margin:1rem .5rem;line-height:1.5;font-size:1.5rem}.desc2{margin-left:.5rem;margin-top:-.3rem;line-height:1.5}.code{background:#fafafa;border-radius:5px;padding:.75rem;font-size:1.1rem;font-family:Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace}.grid{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;max-width:800px}.card{margin:1rem;padding:1.5rem;text-align:left;color:inherit;text-decoration:none;border:1px solid #eaeaea;border-radius:10px;transition:color .15s ease,border-color .15s ease;max-width:300px}.card:hover,.card:focus,.card:active{color:#0070f3;border-color:#0070f3}.card h2{margin:0 0 1rem;font-size:1.5rem}.card p{margin:0;line-height:1.5}@media (max-width: 600px){.grid{width:100%;flex-direction:column}}