.centered-text{display:flex;flex-direction:row;justify-content:center;text-align:center;width:100%}#navigation{-webkit-backdrop-filter:brightness(70%);backdrop-filter:brightness(70%);border-top-left-radius:1em;border-top-right-radius:1em;bottom:0;overflow:hidden;position:fixed;width:50%}#navigation a{color:#fff;display:block;float:left;margin:auto;padding-top:2em;padding:0!important;text-align:center;text-decoration:none}#navigation a:hover{background-color:#fff3;color:#fff;transition:all .25s ease-in-out}#navigation a:not(:first-child):before{width:1px}#navigation a:first-child:before,#navigation a:not(:first-child):before{background:linear-gradient(180deg,transparent 0,#fff 50%,transparent);content:"";display:block;float:left;height:4em}#navigation a:first-child:before{width:0}@media screen and (min-width:100px)and (max-width:900px){#navigation{border-top-left-radius:0;border-top-right-radius:0;width:100%}}.color-switch{mix-blend-mode:overlay;position:absolute;right:4rem;width:4rem}#color-switch{position:fixed;right:0;top:0;z-index:500}body{overflow-x:auto;scrollbar-color:transparent transparent}