html, body {
    margin: 0;
    height: 100%;
    background: linear-gradient(0deg, rgb(149, 115, 168) 0%, rgb(213, 180, 233) 100%);
    /* another firefox thing */
    background: -moz-linear-gradient(90deg, rgb(149, 115, 168) 0%, rgb(213, 180, 233) 100%);
    /* another webkit thing */
    background: -webkit-linear-gradient(90deg, rgb(149, 115, 168) 0%, rgb(213, 180, 233) 100%);
    font-family: 'Segoe UI', Sans-Serif;
    background-attachment: fixed;
    overflow-x: hidden;
     filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
        src='backgroundgrad.png',
        sizingMethod='scale'
     );
 }



 .topbar {
    
     filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
        src='navbargrad.png',
        sizingMethod='scale'
     );
     background: linear-gradient(0deg,rgba(146, 84, 184, 1) 0%, rgba(68, 11, 118, 1) 50%, rgba(112, 63, 157, 1) 50%, rgba(118, 78, 170, 1) 100%);
     /* firefox bullshit */
     background: -moz-linear-gradient(90deg,rgba(146, 84, 184, 1) 0%, rgba(68, 11, 118, 1) 50%, rgba(112, 63, 157, 1) 50%, rgba(118, 78, 170, 1) 100%);
     /* webkit bullshit */
     background: -webkit-linear-gradient(90deg,rgba(146, 84, 184, 1) 0%, rgba(68, 11, 118, 1) 50%, rgba(112, 63, 157, 1) 50%, rgba(118, 78, 170, 1) 100%);
     /* backdrop-filter: blur(5px); */
     width: 100%;
     height: 35px;
     box-shadow: 0px 0px 7px;
     -webkit-box-shadow: 0px 0px 7px #000;
     border: 1px solid #acacac;
     border-radius: 5px;
     line-height: 0px;
     max-width: 1000px;
     z-index: 100000000000000;
 }
.navbarcolumn {
    max-width: 20%;
}
.navbartable {
    width: 100%
}

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