.navbar .theLoggedOutUser{transition:all .6s;font-size:45px!important}.navbar.shrink .theLoggedOutUser{transition:all .6s;font-size:35px!important}img.theLoggedInUser{border-radius:50%;max-width:50px;transition:all .6s}.navbar.shrink img.theLoggedInUser,.navbar.forcedShrink img.theLoggedInUser{border-radius:50%;max-width:40px;transition:all .6s}img.theLoggedInUser.footerUserMenu{border-radius:50%;max-width:22px;transition:all .6s}.theLoggedOutUser.footerUserMenu{transition:all .6s}
.navbar{z-index:140;background:#235;width:100%;height:100px;transition:height .5s;position:sticky;top:0}.navbar.shrink,.navbar.forcedShrink{height:70px;transition:height .5s}.navbar.shrink a,.navbar.forcedShrink a{font-size:22px;transition:font-size .5s}.navbar .thehooman{position:absolute;top:10px;left:10px}.navbar .thehooman img{height:80px;transition:height .5s,left .5s,top .5s,opacity .5s,transform .6s}.navbar.shrink .thehooman,.navbar.forcedShrink .thehooman{top:5px;left:5px}.navbar.shrink .thehooman img,.navbar.forcedShrink .thehooman img{height:60px;transition:height .5s,left .5s,top .5s,opacity .5s,transform .6s}.navbar .thehooman:hover img{transition:opacity .5s,transform .6s;animation-name:hooman-icon-hover;animation-duration:1s}.navbar .theotherhooman img{border-radius:50%;max-width:60px;transition:all .6s}.navbar.shrink .theotherhooman img,.navbar.forcedShrink .theotherhooman img{max-width:40px;transition:all .6s}@keyframes hooman-icon-hover{0%{opacity:1}5%{opacity:.5}10%{opacity:1}15%{opacity:.6}20%{opacity:1}55%{opacity:.5}to{opacity:1}}.links{color:#fff;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.navbar .links a:not(.thehooman):not(.loggedin){color:#fff;border:1px solid #1c2b47;border-radius:10px;margin:20px;padding:5px 20px;font-size:25px;text-decoration:none;transition:background .8s,margin .8s,padding .8s,font-size .8s,box-shadow .5s}.navbar.shrink .links a:not(.thehooman):not(.loggedin),.navbar.forcedShrink .links a:not(.thehooman):not(.loggedin){padding:0 20px;transition:background .8s,margin .8s,padding .8s,font-size .8s,box-shadow .5s}.navbar .links a:not(.thehooman):hover{border-color:#346;transition:background .8s,margin .8s,padding .8s,font-size .8s,box-shadow .5s;box-shadow:0 0 3px 2px #346}.navbar .links a.active{background-color:#69f3;transition:box-shadow-glow .8s;animation:3s linear infinite box-shadow-glow;border-color:#69f!important}.navbar .links a.active:hover{border-color:#9cf}@keyframes box-shadow-glow{0%{box-shadow:none}50%{box-shadow:0 0 5px 2px #69f}to{box-shadow:none}}.navbar .toggleButton{justify-content:flex-end;align-items:center;width:40px;height:40px;transition:all .8s;display:flex;position:absolute;top:15px;left:60%;transform:translate(-50%)}.navbar .toggleButton svg{font-size:50px;transition:all .8s}.navbar .toggleButton button{color:#fff;cursor:pointer;background-color:#0000;border:none;margin-right:20px}.navbar.shrink .toggleButton svg,.navbar.forcedShrink .toggleButton svg{font-size:40px;transition:all .8s}.navbar .menuContainer{width:100%;height:100px;transition:all .4s}.navbar.shrink .menuContainer,.navbar.forcedShrink .menuContainer{width:100%;height:70px;transition:all .4s}#open .menuContainer{background:#1d2c49;width:60vw;height:100vh;margin-top:0;padding:50px 0;transition:all .4s}#open .links{flex-direction:column;justify-content:flex-start;margin:50px auto}#open a:not(.thehooman){text-align:center;text-align:left;background-color:#eeeeff08;width:100%;margin:5px 0;padding:10px 20px;font-size:18px;font-weight:700}@media only screen and (max-width:1000px){.loginLogoutMenu,.navbar .theotherhooman{display:none}.navbar .links a:not(.thehooman):not(.loggedin){margin:10px;padding:3px 15px;font-size:2vw;transition:background .8s,margin .8s,padding .8s,font-size .8s,box-shadow .5s}.navbar.shrink .links a:not(.thehooman):not(.loggedin),.navbar.forcedShrink .links a:not(.thehooman):not(.loggedin){padding:2px 15px;transition:background .8s,margin .8s,padding .8s,font-size .8s,box-shadow .5s}}@media only screen and (min-width:1000px){.loginLogoutMenu{position:absolute;top:50%;right:20px;transform:translateY(-50%)}.navbar .theotherhooman{border-radius:50%;transition:height .5s,left .5s,top .5s,opacity .5s,transform .6s;position:absolute;right:15px}.navbar.shrink .theotherhooman,.navbar.forcedShrink .theotherhooman{transition:height .5s,left .5s,top .5s,opacity .5s,transform .6s}}@media only screen and (max-width:800px){.navbar .links{justify-content:right;width:calc(100% - 10px);transition:width .8s}.navbar,.navbar.shrink,.navbar .menuContainer,.navbar.shrink .menuContainer,.navbar.forcedShrink,.navbar.forcedShrink .menuContainer{height:70px}.navbar .thehooman,.navbar.shrink .thehooman,.navbar.forcedShrink .thehooman{transition:all .5s;top:5px;left:5px}.navbar .thehooman img,.navbar.shrink .thehooman img,.navbar.forcedShrink .thehooman img{height:60px;transition:height .5s,left .5s,top .5s,opacity .5s,transform .6s}}@media only screen and (max-width:600px){.navbar .toggleButton{display:flex}#close a:not(.thehooman){display:none}.navbar .thehooman,.navbar.shrink .thehooman,.navbar.forcedShrink .thehooman{transition:all .5s;top:15px;left:20px}.navbar .thehooman img,.navbar.shrink .thehooman img,.navbar.forcedShrink .thehooman img{height:45px;transition:all .5s}.navbar .toggleButton svg,.navbar.shrink .toggleButton svg,.navbar.forcedShrink .toggleButton svg{font-size:40px;transition:all .8s}.navbar a{border:none}.navbar .links a:not(.thehooman){border-radius:4px;margin:5px 5px 6px;padding:6px 0;font-size:25px}}@media only screen and (min-width:600px){.navbar .toggleButton,.hiddenLinks{display:none}#open{height:100px}#open .links{flex-direction:row}}
.footer{background:#235;flex-direction:column;justify-content:center;align-items:center;width:100%;height:200px;padding-top:10px;transition:all .8s;display:flex}.socialMedia{justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.socialMedia a{width:60px;height:60px;margin:15px;transition:all .6s;display:inline-block}.socialMedia svg{color:#fff;cursor:pointer;fill:currentColor;margin:0;font-size:70px;transition:all .6s}.socialMedia svg:hover{transition:transform .6s,color .6s;animation-name:social-icon-hover;animation-duration:1s}.socialMedia .linkedin svg:hover{color:#0a66c2}.socialMedia .github svg:hover{color:#fff}.socialMedia .facebook svg:hover{color:#0866ff}.socialMedia .twitch svg:hover{color:#a970ff}.socialMedia .tiktok svg:hover{color:#000}.socialMedia .youtube svg:hover{color:#f03}.socialMedia .instagram svg:hover{background:radial-gradient(circle at 30% 107%,#fdf497 0% 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);border-radius:50%}.socialMedia .flickr svg:hover{color:#e1e7ea}.socialMedia .x svg:hover{color:#000}.socialMedia .discord svg:hover{color:#5865f2}svg.flickr .blue,svg.flickr .purple{color:#235}svg.flickr:hover .blue{color:#1565c0}svg.flickr:hover .purple{color:#ff4081}@keyframes social-icon-hover{0%{color:#fff}5%{color:red}10%{color:green}15%{color:#00f}20%{color:red}25%{color:green}30%{color:#00f}35%{color:orange}40%{color:red}60%{color:orange}}.footer .privacyterms{color:#fff9;font-size:.8em}.footer .privacyterms a{color:#fff6;text-decoration:none}.footer .privacyterms a:hover{color:#fff9}.footer p{color:#fff}@media only screen and (max-width:1100px){.socialMedia{padding-bottom:5px}.socialMedia a{width:50px;height:50px;margin:10px;transition:all .6s}.footer{height:150px;transition:all .8s}}@media only screen and (max-width:800px){.footer{height:130px;transition:all .8s}.socialMedia{padding-bottom:10px}.socialMedia a{width:40px;height:40px;margin:5px;transition:all .6s;display:inline-block}.socialMedia svg{font-size:50px;transition:all .6s;transform:scale(.65)}}@media only screen and (max-width:550px){.footer{height:120px;transition:all .8s}.socialMedia{margin-top:-20px;padding-bottom:20px}.socialMedia a{width:30px;height:30px;margin:5px;transition:all .6s;display:inline-block}.socialMedia svg{transition:all .6s;transform:scale(.4)}}@media only screen and (max-width:450px){.socialMedia{margin-left:-30px}}@media only screen and (max-width:410px){.socialMedia{margin-left:-20px;padding-right:12px}.socialMedia a{width:25px;height:25px;margin:5px;transition:all .6s;display:inline-block}.socialMedia svg{font-size:35px;transition:all .6s;transform:scale(.4)}}
.footerSticky{text-align:right;z-index:80;background-color:#000;min-width:300px;height:30px;padding:0 8px;display:none;position:sticky;bottom:0}.footerSticky #login-logout-menu{text-align:left}.footerSticky #login-logout-menu-button{padding-top:3px}.footerSticky .toggleButton{cursor:pointer;z-index:5;width:26px;height:26px;position:absolute;bottom:0;left:10px}.footerSticky .privacyterms{text-align:center;width:70%;font-size:.7em;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.footerSticky .footerNavbarContainer{position:absolute;bottom:0;left:0}.footerSticky .footerUserMenuContainer{position:absolute;bottom:0;right:10px}.footerSticky .footerNavbar{position:relative}.footerSticky #closeFooter.footerNavbar .menuContainer{transition:all 80ms linear;display:none}.footerSticky #openFooter.footerNavbar .menuContainer{background:#1d2c49;border-radius:8px;padding:0;transition:all .4s;position:absolute;bottom:30px}.footerSticky #openFooter.footerNavbar .menuContainer .links{border-radius:8px;flex-direction:column;justify-content:flex-start;margin:0 auto;padding:10px;display:flex}.footerSticky #openFooter.footerNavbar .menuContainer a{text-align:center;text-align:left;background-color:#eeeeff08;border-radius:8px;width:100%;margin:5px 0;padding:10px 100px 10px 50px;font-size:18px;font-weight:700}.footerSticky .footerNavbar .menuContainer a{color:#fff;border:1px solid #1c2b47;border-radius:10px;margin:20px;padding:5px 20px;font-size:25px;text-decoration:none;transition:background .8s,margin .8s,padding .8s,font-size .8s,box-shadow .5s}.footerSticky .footerNavbar .menuContainer a:hover{border-color:#346;transition:background .8s,margin .8s,padding .8s,font-size .8s,box-shadow .5s;box-shadow:0 0 3px 2px #346}.footerSticky .footerNavbar .menuContainer a.active{background-color:#69f3;transition:box-shadow-glow .8s;animation:3s linear infinite box-shadow-glow;border-color:#69f!important}.footerSticky .footerNavbar .menuContainer a.active:hover{border-color:#9cf}.footerSticky.is-pwa{display:block}@media (display-mode:standalone){.footerSticky{display:block}}@media only screen and (max-width:1000px){.footerSticky{display:block}}