article#index{display:flex;flex-direction:column;gap:10px}article#index h1,article#index h2{text-align:center}.image-container{margin:5px 0;width:100%;display:flex;align-items:center;justify-content:center}.image-container img{object-fit:cover;max-width:500px;width:100%}#index section{font-size:19px}#index section ul{display:flex;flex-direction:column;padding-left:20px;gap:10px}#index section .button{display:block;text-align:center;width:100px}section#posts{flex:1 1;display:flex;flex-direction:column;gap:10px}.post a{display:flex;gap:10px;padding:10px;border:1px solid #9efeb9;min-height:150px;box-shadow:0 0 5px #9efeb9}.post a .details p{text-shadow:0 0 5px #9efeb9}.post a .title{font-size:19px}.post a .article-thumbnail img{object-fit:cover;box-shadow:0 0 5px #9efeb9}.post a .article-thumbnail.placeholder{display:flex;align-items:center;justify-content:center;width:125px;height:125px;border:1px solid #9efeb9;box-shadow:0 0 5px #9efeb9}.post a .article-thumbnail.placeholder svg{fill:#9efeb9;font-size:42px;width:100px;height:100px}.post a:hover{background-color:#9efeb9;transition:all .2s;transform:scale(.9875)}.post a:hover p{font-weight:bolder;color:#000}.post a:hover .article-thumbnail img{object-fit:cover;box-shadow:0 0 10px #000}.post a:hover .article-thumbnail.placeholder{display:flex;align-items:center;justify-content:center;width:125px;height:125px;border:1.6px solid #000;box-shadow:0 0 10px #000}.post a:hover .article-thumbnail.placeholder svg{fill:#000;font-size:42px;text-shadow:0 0 10px #000}section#introduction{position:relative}section#introduction #content{display:flex;flex-direction:column;gap:10px;position:absolute;right:75px;top:200px;width:255px;z-index:2}section#introduction #content #welcome-section{background-color:#000;border:1px solid #ffb21c;padding:10px;box-shadow:0 0 5px #ffb21c}section#introduction #content #danger-section{background-color:#000;border:1px solid #d60705;padding:10px;box-shadow:0 0 5px #d60705;color:#d60705;text-shadow:0 0 5px #d60705}section#introduction #content #danger-section #warning-label{position:absolute;bottom:-24px;left:0;background-color:#d60705;color:#fff;width:115px;font-weight:700;text-align:center;text-shadow:0 0 10px #fff;box-shadow:0 0 5px #d60705}section#introduction #content h2{text-shadow:0 0 5px #ffb21c}.scroll-container{overflow:hidden;white-space:nowrap;width:100%}.scroll-container .scrolling-message{display:inline-flex;animation:scroll 15s linear infinite}.scroll-container .scrolling-message span{padding-right:2rem}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.three-scene-wrapper{position:relative;width:100%;height:500px;overflow:hidden}.three-scene-wrapper .globe-fallback{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;animation:fadeInFallback 1s ease-in-out forwards;animation-delay:3s}@keyframes fadeInFallback{to{opacity:1}}.three-scene-container{width:100%;height:500px;margin:0;overflow:"hidden";z-index:1;position:relative}.three-scene-container canvas{position:absolute}article#blog{display:flex;flex-direction:column;justify-content:space-between}article#blog #hide-menu a{transition:all .2s;display:flex;align-items:center;justify-content:center;flex:1 1;width:50px;height:50px;border:solid;border-width:1px;border-color:#9efeb9;box-shadow:0 0 5px #9efeb9}article#blog #hide-menu a:hover{transform:scale(.925);background-color:#9efeb9;box-shadow:0 0 5px #9efeb9;border-color:#9efeb9;color:#000}article#blog.menu-hidden #hide-menu a{background-color:#fff;border-color:#fff;color:#000;box-shadow:0 0 5px #fff}article#blog.menu-hidden #hide-menu a:hover{transform:scale(.925);border-color:#fff;background-color:#000;box-shadow:0 0 5px #fff}article#blog.menu-hidden #hide-menu a:hover svg{fill:#fff}@media(max-width:800px){article#blog:not(.menu-hidden) section#posts{display:none}article#blog:not(.menu-hidden) section#menu{width:100%}article#blog:not(.menu-hidden) div.menu-content{flex:1 1}article#blog:not(.menu-hidden) div.menu-content section{width:100%}}article#blog:not(.menu-hidden) #hide-menu svg{fill:#9efeb9}article#blog:not(.menu-hidden) #hide-menu svg:hover{fill:#000}section#blog-content{flex:1 1;position:relative;display:flex;flex-direction:row;gap:10px}#blog:not(.menu-hidden) #menu div{gap:10px}section#menu{position:relative;height:auto;overflow:visible}section#menu>div{top:10px;overflow:hidden}section#menu .menu-content,section#menu>div{display:flex;position:-webkit-sticky;position:sticky}section#menu .menu-content{flex-direction:column;gap:10px;width:250px;transition:all .2s ease}section#menu .menu-content.hide{width:0;overflow:hidden}section#menu .menu-content>section{display:flex;flex-direction:column;gap:10px;width:250px;padding:10px;border:1px solid #ffb21c}section#menu section#groups,section#menu section#tags{display:flex;flex-direction:column;gap:10px;max-height:200px;overflow-y:scroll}section#menu section#groups a,section#menu section#tags a{display:flex;padding:10px;border:1px solid #9efeb9;gap:10px}section#menu section#groups a:hover,section#menu section#tags a:hover{transition:all .2s;transform:scale(.975);background-color:#9efeb9;color:#000}section#menu section#groups .selected a,section#menu section#tags .selected a{color:#000;border-color:#fff;background-color:#fff;box-shadow:0 0 5px #fff}section#menu section#groups .selected a:hover,section#menu section#tags .selected a:hover{background-color:#000;color:#fff}section#menu section#order div{display:flex;flex-direction:row;justify-content:space-between;gap:10px}section#menu section#order div a{text-align:center;padding:10px;border:1px solid #9efeb9;text-decoration:none;flex:1 1;box-shadow:0 0 5px #9efeb9}section#menu section#order div a:not(.selected):hover{transition:all .2s;transform:scale(.925);background-color:#9efeb9;color:#000}section#menu section#order div a.selected{background-color:#fff;border:1px solid #fff;font-weight:bolder;text-decoration:none;color:#000;box-shadow:0 0 5px #fff}section#menu section#order div a.selected:hover{transition:all .2s;transform:scale(.925);background-color:#fff;color:#000}section#menu section#order .title-container{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}section#menu section#order .title-container svg{width:30px;height:30px;fill:#ffb21c}section#menu .selected a{background-color:#000;border:1px solid #fff;font-weight:bolder}section#menu .title-container{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}section#menu .title-container svg{width:30px;height:30px;fill:#ffb21c}#pagination{-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-top:10px}#pagination ul{display:flex;justify-content:center;column-gap:10px;list-style-type:none}#pagination li a,#pagination li.selected{display:flex;align-items:center;justify-content:center;background-color:#000;width:50px;height:30px;border:solid;border-width:1px;border-color:#9efeb9;box-shadow:0 0 5px #9efeb9;text-shadow:0 0 5px #9efeb9}#pagination li.selected{background-color:#fff;color:#000;border-color:#fff;box-shadow:0 0 5px #fff;font-weight:700;text-shadow:0 0 1px #000}#pagination span{text-shadow:0 0 5px #fff}#pagination p{display:flex;align-items:center;justify-content:center}#pagination li>a:not(.selected):hover{transform:translateY(-2px);background-color:#9efeb9;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:url(/pointer.png),pointer;color:#000;transition:all .2s}#clear-filter{display:flex}#clear-filter a{display:flex;flex-direction:row;align-items:center;gap:5px;flex:1 1;font-weight:bolder;padding:10px;box-shadow:0 0 5px #d60705;color:#fff;font-weight:700;background-color:#d60705;border:2px solid #d60705;text-shadow:0 0 10px #fff}#clear-filter a svg{height:20px;width:20px;fill:#fff}#clear-filter a:hover{transition:all .2s;transform:scale(.975);background-color:#000}#no-posts-found-section{background-color:#d60705;height:50px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px #d60705;position:-webkit-sticky;position:sticky;top:10px;overflow:hidden}#no-posts-found-section h2{color:#fff;text-shadow:0 0 5px #fff}