@font-face {
    font-family: 'folio';
    src: url(folioxb.ttf);}


header {
            height:230px;
            width:100%;
            position:relative;
}

body {
    background: url(images/Charlotte/6440fa8a7508e6db282d5eadc72ab789.gif);
    background-size:repeat;
}

h1{ font-size: 80px;
    background: linear-gradient(
        to right,
        #FF0000,
        #FFFF00,
        #00FF00,
        #00FFFF,
        #0000FF,
        #FF00FF,
        #FF0000);
        background-clip: text;
        color: transparent;
        background-size: 200%,auto;
        animation: gradientAnimation 1s linear infinite;
}



.container{
    width: 1500px;
   margin:0 auto;

}

table {
    border-top: 5px solid #ffffff; 
    width: 100%;
}

th, td {
    border:1px solid #00eaff;
    color: #ffff;
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 14, 126, 0.6));
    font-size: 20px; 
    text-align: center;
}

h2 {color: #ffffff;
    padding: 20px}

.header {
    background-color: #000000;
    margin-bottom: 0;
    border:1px solid #00eaff;
    border-radius: 0 200px 0  0 ;
}

.neatimage{
    float: right;
    padding: 10px;
    width: 200px;
}

.navBar {
        background-color: #000000;
}

@keyframes gradientAnimation {
    0% {
        background-position: 200%, 50%;
    }
    
    100% {
        background-position: 0%, 50%;
    }
}

.top {background-color: #000000;
        border:1px solid #00eaff;}