body{background-color:black;min-height:100vh;margin:0}.blog-container,body{display:flex;flex-direction:column}.blog-container{background-color:var(--background);color:var(--white);font-family:var(--font-family);flex:1;align-items:center}.blog-content{flex:1;margin-left:clamp(.5rem,15vw,25rem);margin-right:clamp(.5rem,15vw,25rem)}.blog-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));justify-content:stretch;margin:2rem;gap:1.5rem}.blog-post{display:flex;flex-direction:column;justify-content:start;align-items:center;margin:0;background-color:var(--darkest-gray);padding:1rem;border-radius:.4rem;border:1px solid transparent;&:hover{border:1px solid var(--light-gray);cursor:pointer}}.blog-post img{aspect-ratio:4/3;-o-object-fit:contain;object-fit:contain;width:95%;border-radius:.2rem}.blog-post h2{color:var(--white);font-size:1.25rem;font-weight:500}.blog-post h2,.blog-post p{text-align:center;margin-top:.5rem;max-width:95%}.blog-post p{color:var(--light-gray);font-size:1rem;text-wrap:balance}@media (max-width:599px){.blog-container{margin-top:4rem}}@media (min-width:600px) and (max-width:767px){.blog-container{margin-top:5rem}}@media (min-width:768px) and (max-width:1023px){.blog-container{margin-top:6rem}}