body{display:flex;flex-direction:column;min-height:100vh}.article_container{flex-grow:1;padding:2rem;@media (max-width:900px){padding-bottom:2rem;padding-left:1rem;padding-right:1rem;padding-top:2rem}.article_item{display:flex;gap:20px;.thumbnail{align-items:center;display:flex;flex-direction:column;height:100%;margin:2rem 0;width:100%;&>img{height:300px;object-fit:cover;object-position:center;width:500px}&>figcaption{padding:.5rem 0;text-align:center;width:100%;&>cite{color:#a9a9a9;font-size:.8em}}@media (max-width:500px){width:100%;&>img{width:100%}}}.profile{height:200px;margin:0 auto;width:fit-content;&>img{height:100%;object-fit:cover;object-position:center;width:200px}@media (max-width:500px){width:100%;&>img{width:100%}}}.contentContainer{display:flex;flex-direction:column;width:100%;word-break:break-word;.title{align-items:flex-start;display:flex;gap:10px;text-align:center;&>p{background-color:#0009cc;color:#fff;font-size:.8em;min-width:90px;padding:.5rem;text-align:center;width:fit-content}&>h1{font-size:1.5em;text-align:left}@media (max-width:500px){align-items:flex-start;flex-direction:column;gap:0;text-align:left;&>p{margin:20px 0;padding:1rem;width:fit-content}}}.content h2{font-size:1.2em;font-weight:400;line-height:1.5em}}@media (max-width:730px){flex-direction:column}}}.authorNameContainer{padding:.5rem 5rem;text-align:right;width:100%;@media (max-width:900px){padding-bottom:.5rem;padding-left:1rem;padding-right:1rem;padding-top:.5rem}&>cite{font-size:1.2em;font-style:normal;font-weight:700}}