.content { display: flex; flex-direction: column; padding-top: 90px; padding-left: 32px; padding-right: 32px; justify-content: center; gap: 44px; word-wrap:break-word; align-items: center; } .navbar { padding-left: 32px; padding-right: 32px; justify-content: center; word-wrap:break-word; align-items: center; } .main { max-width: 700px; width: 100%; display: flex; flex-direction: column; } .series { font-size: 12px; font-weight: 500; text-decoration: underline } .series { font-size: 12px; font-weight: 500; text-decoration: underline } .side { display: flex; flex-direction: column; align-items: center; } .profilepic { width: 150pt; border-radius: 50%; } .flexrow { display: flex; flex-direction: row; align-items: center; } time { font-size: 12px } .tag { background-color: #A0A0A0; padding: 4px; margin-right: 2px; font-size: 12px; } @media (max-width: 500px) { .tagcontainer{ display: none; } } .posttitle { font-size: 19px; font-weight:500; text-decoration: underline; } nav { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; position: fixed; height: 90px; font-size: 30px; background-color: #C0C0C0; z-index: 1000; } .socials { font-size: 15px; text-decoration: none; font-weight: 600; text-decoration: underline; padding-right: 4px; } pre { background: #f4f4f4; border: 1px solid #ddd; color: #666; page-break-inside: avoid; font-family: monospace; font-size: 15px; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1em 1.5em; display: block; word-wrap: break-word; } a,a:visited{ color: black; text-decoration: none; } p>a{ text-decoration: underline; font-weight: 600; } code{ font-size: 15px; } body { margin: 0; font-family: Arial, Helvetica, sans-serif; background-color: lightgray } .title { font-weight: 600; }