body,main,div,footer{display:flex;box-sizing:border-box}body,main{flex-direction:column}@font-face{font-family:less perfect dos;src:url(/fonts/LessPerfectDOSVGA.ttf)format("truetype")}@font-face{font-family:dos;src:url(/fonts/Px437_DOS-V_re_ANK24.woff2)format("woff2")}.list-default{align-items:center;gap:1rem}.retro-card{background-color:#ccc;border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #444;border-bottom:1px solid #444;font-family:less perfect dos,monospace;gap:0;width:100%;max-width:600px}.retro-card-header{color:#fff;background:linear-gradient(90deg,darkblue,blue);margin:2px;padding:.25rem;height:1rem;justify-content:flex-start;align-content:center;box-sizing:content-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;gap:.25rem}.retro-card-text{flex-grow:1}.retro-card-body{padding:1rem;.featured-image { width: 100%; height: auto; border: 1px solid black; }}.retro-card-buttons{justify-content:flex-end}.post-body-content{text-align:justify;text-rendering:optimizeLegibility;flex-direction:column;background:#fff;padding:1rem;width:100%;gap:0;border-right:1px solid #888;border-bottom:1px solid #888;border-left:1px solid #444;border-top:1px solid #444;h1, h2, h3, h4 { margin-bottom: 1rem; } p { font-family: "Times New Roman", Times, serif; line-height: 1.2; }}.retro-button{display:flex;gap:.25rem;height:1rem;background-color:#ccc;border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #444;border-bottom:1px solid #444;font-family:monospace;align-items:center;color:#000;padding:.25rem .5rem;text-decoration:none;border-radius:1px;transition:.05s ease-out;&:hover { color:blue; background-color:#bbbbbb; transform:rotate(20deg); } &:active { background-color:#aaaaaa; border-bottom:1px solid white; border-right:1px solid white; border-left:1px solid #444444; border-top:1px solid #444444; transform:rotate(-10deg); } img { width:1rem; height:1rem; }}header{gap:1rem;text-align:center;h1 { color: #3d2626; text-shadow: #8c3b1e 2px 2px 0px; } nav { display: flex; gap: 1rem; flex-wrap: wrap; justify-content: center; a { display: flex; gap: 0.25rem; height: 1rem; background-color: #cccccc; border-top: 1px solid white; border-left: 1px solid white; border-right: 1px solid #444444; border-bottom: 1px solid #444444; font-family: monospace; align-items: center; color: black; padding: 0.25rem 0.5rem; text-decoration: none; border-radius: 1px; transition: 0.05s ease-out; &:hover { color: blue; background-color: #bbbbbb; transform: rotate(20deg); } &:active { background-color: #aaaaaa; border-bottom: 1px solid white; border-right: 1px solid white; border-left: 1px solid #444444; border-top: 1px solid #444444; transform: rotate(-10deg); } img { width: 1rem; height: 1rem; } } }}body{background-color:#ffbe63;color:#3d2626;font-family:serif;gap:3rem;align-self:center;margin:0 auto;padding:1.5rem;max-width:1200px;flex-direction:column}div{gap:1rem}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4,h5,h6{font-family:dos,courier new,Courier,monospace;font-weight:300}h1{font-size:3rem;line-height:3rem;font-family:dos,courier new,Courier,monospace}h2{font-size:2rem;line-height:2rem}h3{font-size:1.5rem;line-height:1.5rem}h4{font-size:1rem;line-height:1rem;font-weight:300;font-family:less perfect dos,courier new,Courier,monospace}p{font-size:1rem;line-height:1rem;font-family:less perfect dos,courier new,Courier,monospace}.centered{align-items:center;justify-content:center}.flex-col{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row}.hover{animation:hovering 1s infinite alternate}@keyframes hovering{0%{transform:translateY(0)}100%{transform:translateY(-10px)}}.gallery{display:grid;grid-gap:1rem;grid-template-columns:repeat(auto-fill,minmax(343px,1fr))}.gallery-image-item,#recent-posts .retro-card{width:100%;gap:0;height:min-content}@media screen and (max-width:768px){body{padding:1.5rem 1rem}.gallery-image-item{width:100%}}@media screen and (max-width:480px){.gallery-image-item{width:100%}}