html, body {
    margin: 0;
    height: 100%;
    background: linear-gradient(0deg, rgb(149, 115, 168) 0%, rgb(213, 180, 233) 100%);
    font-family: 'Segoe UI', Sans-Serif;
    background-attachment: fixed;
 }
 .topbar {
     background: linear-gradient(0deg,rgba(146, 84, 184, 0.5) 0%, rgba(68, 11, 118, 0.5) 50%, rgba(112, 63, 157, 0.5) 50%, rgba(118, 78, 170, 0.5) 100%);
     backdrop-filter: blur(5px);
     width: 100%;
     height: 35px;
     top: 0px;
     position: fixed;
     filter: drop-shadow(0px 0px 7px #000000);
     border-bottom: solid 1px grey;
     line-height: 0px;
     padding: 0px 0px;
     z-index: 100000000000000;
 }

 p {color: white; text-shadow: 1px 1px 4px #111;}
 a {color: white; text-shadow: 1px 1px 4px #111; transition: linear 200ms;}
 .link {padding: 0px 12.5px;}
 .active {color: white; text-shadow: 1px 1px 4px #fff;}
 .title {font-size: 19px; margin-bottom: -7px;}