:root{--text-color: #ffffff;--background-color: #000000;--link-color: #606060;--sub-color: rgb(36, 36, 36)}body{margin:0;padding:0;font-family:LucidaConsole,monospace;background-color:var(--background-color);color:var(--text-color);display:flex;justify-content:center;align-items:center}a{color:var(--link-color);text-decoration:none;cursor:pointer;transition:color .2s ease}a:hover{color:#0ff}ul{list-style-type:none}img{max-width:100%;height:auto}.flex{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1400px;margin:0 auto;padding:0 15px;box-sizing:border-box}.flexbox{display:flex;flex-direction:row}.content{order:1;width:500px;padding:10px}.banner{text-align:center;padding:20px 0;display:inline-block}#header{margin-bottom:10px;padding:0 10px 0 15px}#header:after{content:"_";animation:blink0 1s step-end infinite}#sidebar{order:1;width:200px;padding:10px}#sidebar ul{list-style:none;padding:0;margin:0}#sidebar li{overflow:hidden;transition:all .3s ease;min-height:36px;display:flex;align-items:center}#sidebar li:hover{max-height:70px;background-color:#1a1a1a;padding:5px 0}#sidebar a{display:flex;align-items:center;gap:8px;color:var(--link-color);padding:5px 10px;transition:color .2s ease;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex-grow:1;line-height:1.2}#sidebar a:hover{color:#0ff}#sidebar .icon:before{content:"?";display:inline-block;font-size:18px;transition:all .3s ease}#sidebar a:hover .icon:before{content:"!"}#sidebar h3{text-align:center}.hamburger-menu{display:none;position:fixed;top:20px;left:20px;z-index:1000;cursor:pointer;flex-direction:column;gap:4px;padding:10px;background:#000c;border:1px solid #fff;border-radius:4px}.hamburger-line{width:25px;height:3px;background:#fff;transition:.3s}.hamburger-menu.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.hamburger-menu.active .hamburger-line:nth-child(2){opacity:0}.hamburger-menu.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.sidebar-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:999}.sidebar-overlay.active{display:block}.blogentry{padding:10px;margin-bottom:10px;border:1px solid #fff}.blogentry a{text-decoration:underline}.blog-content ul{padding-left:40px;list-style-type:"- "}.blog-filters{display:flex;align-items:center;justify-content:center;margin:20px 0 30px;gap:0;font-family:LucidaConsole,monospace}.filter-btn{background:none;border:none;color:var(--link-color);cursor:pointer;padding:8px 16px;font-family:LucidaConsole,monospace;font-size:1rem;transition:all .2s ease;position:relative}.filter-btn:hover{color:#0ff}.filter-btn.active{color:var(--text-color);text-decoration:underline}.filter-separator{color:var(--link-color);margin:0 10px;user-select:none}.blog-post-item{transition:opacity .3s ease,transform .3s ease}.blog-post-item.hidden{opacity:0;transform:translateY(-10px);pointer-events:none;margin:0;height:0;overflow:hidden}.welcomebox{position:relative;border:1px solid #fff;padding:60px;border-radius:6px}.welcomebox h2{margin-top:0}#statuscafe{border:1px solid #fff;padding:18px;border-radius:6px}#statuscafe-username{margin-bottom:.5em}.wave{display:inline-block;animation:wave-animation 2.5s infinite;transform-origin:70% 70%}.av{display:block;margin:20px auto;width:100px;height:100px;filter:contrast(1) saturate(1.1) brightness(.7)}.av:hover{filter:contrast(1) saturate(1) brightness(1) drop-shadow(0 0 3px cyan)}#discord{color:var(--sub-color);font-size:smaller}#broken_folder{cursor:pointer;position:absolute;right:50px;bottom:50px;font-size:18px;color:var(--text-color)}#songName{color:#78d878}#artistName{color:#77896bd9}#timeAgo{color:var(--link-color)}.clock{padding:7px;background-color:#6464646d;border-radius:3px;font-family:Orbitron,monospace;color:#0ff;letter-spacing:.1em}.colon{animation:blink 1s infinite}.bk:after{content:"!!";color:#00ff0d;display:inline-block;animation:blink 1s infinite;transition:all .3s ease}.bk2:after{content:"??";color:#ff7272;display:inline-block;animation:blink 1s infinite;transition:all .3s ease}.bk3:after{content:"...";color:red;display:inline-block;animation:blink 1s infinite;transition:all .3s ease}@keyframes blink{50%{opacity:.5}}@keyframes blink0{50%{opacity:0}}@keyframes wave-animation{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}@media (max-width: 768px){body{overflow-x:hidden}.hamburger-menu{display:flex}#sidebar{position:fixed;top:0;left:-300px;height:100vh;width:280px;background:var(--background-color);border-right:1px solid #fff;z-index:1001;transition:left .3s ease;overflow-y:auto;padding:80px 20px 20px;box-sizing:border-box}#sidebar.active{left:0}.content{width:100%;max-width:none;margin:0;padding:10px 15px;box-sizing:border-box}.flexbox{justify-content:center;width:100%}.flex{padding:0 10px}}@media (max-width: 480px){.welcomebox{padding:30px 20px;margin:0 5px;box-sizing:border-box}#statuscafe{padding:15px;margin:0 5px;box-sizing:border-box}#broken_folder{right:15px;bottom:15px}.content{padding:10px}#header{font-size:.9rem;padding:0 5px}.content .content{padding:0;width:100%}footer{padding:15px 10px;margin:20px 5px 0;box-sizing:border-box}footer p{margin:0;word-break:break-word}.blog-filters{flex-direction:row;gap:5px}.filter-btn{padding:6px 12px;font-size:.9rem}.filter-separator{margin:0 5px}}pre.astro-code{padding:5px;border-radius:7px;white-space:pre-wrap;tab-size:2}