*,*::before,*::after{box-sizing:border-box}html,body{font-family:system-ui,sans-serif;font-size:1rem;color:#333333}html{background-color:#000000;background-image:url( '/assets/images/gifs/starbackground.gif' );background-position:top center;background-attachment:fixed}a{color:#ffffff;font-weight:bold}img{max-width:100%}.container{max-width:75rem;margin:0;margin-left:auto;margin-right:auto;padding:0}header{text-align:center;font-weight:bold;padding:1rem;margin:0}main{display:flex;flex-direction:column;gap:2rem}main nav{background-color:#131313;border-radius:1rem}main nav ul{font-size:1.5rem;list-style-type:none;margin:0 auto;padding:1rem;display:flex;flex-direction:column}main nav li{margin:0;padding:0}main nav li a{text-decoration:none;padding:0.5rem 1rem;display:block;border-radius:1rem}main nav li a img{vertical-align:top}main nav li a:hover{background-color:#333333}main nav li a.current{background-color:#444444}main nav h2,main section h2{background-color:#6500a3;color:#ffffff;margin:0;padding:1rem;border-radius:1rem 1rem 0rem 0rem;text-align:center;text-transform:uppercase}main section{background-color:#131313;color:#cccccc;border-radius:1rem}main section article{padding:1rem;font-size:1.2rem}footer{text-align:center;font-size:0.7rem;color:#cccccc}footer .container{padding:1rem}.blog-meta{padding:0.6rem 1rem;background-color:#8b21cd;color:#ffffff;font-weight:bold;text-align:center}.blog-meta a{padding:0.4rem 0.8rem;background-color:#b651fe;color:#ffffff;text-decoration:none;font-size:0.7rem;border-radius:1rem;display:inline-block}.blog-meta a:hover{background-color:#ab36ff}.blog-items{margin-top:3rem}.blog-item{padding:1rem;margin-top:1rem;border-left:4px solid #ffffff;border-right:4px solid #aaaaaa;border-radius:1rem;background-color:#222222}.blog-item .title{font-size:2rem;font-weight:bold}.blog-item .meta{font-size:0.8rem}.blog-item .description{font-style:italic;padding:1rem 0}.blog-item .buttons{padding:1rem 0px}.blog-item .buttons a{padding:0.5rem 1rem;background-color:#333333;text-decoration:none;border-radius:0.5rem}.blog-item .buttons a:hover{background-color:#444444}@media ( min-width:50rem ){main{flex-direction:row}main nav{width:19rem}main section{width:54rem}}