body,html{overflow-x:hidden;margin:0;height:100%;width:100%;background-color:#000;color:#f5f5f5;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}#tsparticles{position:absolute;width:100%;height:100%}nav{width:100%;backdrop-filter:blur(8px);display:flex;justify-content:flex-end}#nav-container{padding:20px 0px}nav a{text-decoration:none;color:#f5f5f5;padding:20px;font-weight:700}nav a:hover{background-color:#004040}header h1{padding:1vh 5vw;margin:0}#main-container{position:relative;min-height:100%;width:100%}#content{padding:20px;margin:0vw 5vw;backdrop-filter:blur(8px);border-radius:10px}#post-content{padding:10px;background-color:#000;border-radius:10px}#post-meta{font-style:italic}#recent-posts{display:flex;flex-wrap:wrap}#recent-posts a{text-decoration:none;color:#f5f5f5}.post-item{text-align:center;width:fit-content;padding:10px;margin:10px;background-color:#1b1b1b;border-radius:10px}.post-item:hover{background-color:#004040;cursor:pointer;text-decoration:underline}.post-preview-img{max-width:200px}footer{width:100%;backdrop-filter:blur(8px)}.footer-content{display:flex;justify-content:space-between;padding:0 5vw}footer div{padding:10px}footer a{text-decoration:none;color:#f5f5f5;font-weight:700}