.banner { max-width: 30%; box-shadow: 0 6px 4px 0 var(--mutedBlack); -webkit-border-radius: 0.625rem; -moz-border-radius: 0.625rem; border-radius: 0.625rem; border: 2px solid var(--mutedGrey); } h2 { font-family: Share Tech Mono, monospace; font-style: normal; font-weight: normal; font-size: var(--headingFS); line-height: 2.5625rem; text-transform: lowercase; } h3 { font-family: Noto Sans KR, sans-serif; font-style: normal; font-weight: 500; font-size: var(--generalFS); line-height: 2.1875rem; } section.largePost { /*margin: 0 5em;*/ display: flex; flex-direction: column; justify-content: space-evenly; align-items: flex-start; gap: 2em; width: 100%; padding: 0 5em 1em; } section.largePost:first-child { border-bottom: 5px solid var(--mutedGrey); } section.largePost .outerContent { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; align-items: center; gap: 1em; } section.largePost .outerContent > img, section.largePost .outerContent > .content { width: 50%; } section.largePost .outerContent .postContent { display: flex; flex-direction: column; justify-content: space-evenly; align-items: flex-start; } section.largePost .outerContent .postContent h2 { align-self: center; } section.largePost .outerContent .postContent a { align-self: flex-end; } #main .error { display: table; width: 100%; height: 100vh; text-align: center; } .fof { display: table-cell; vertical-align: middle; }