* {
    margin:0; padding:0; border:0; box-sizing: border-box;
}

body {
    background-color: #0e0823 ;
    color: #A6B7CA;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    background-image:linear-gradient(to bottom, #0e0823 80% , red);
    padding: 2px;
    
    
    
   
}

h1 {
    margin-top:10px;
    height: 100px;
    text-align: center;
    color:  #b8a7e6;
    padding-top: 25px;
    background-image:url(../images/background2.jpg);
    background-position:left;
    text-shadow: 4px 4px black;
    justify-content: center;
    
   
    
}

main {
    height: 100%;
}


table {
    
    width: 80%;
    margin: 24px auto;
    color: #c6d7eb;
    height: 80vh;
    
}





th, td {
    border: 2px solid red;
    padding: 2px;
    font-size: 10pt;
    
}


tr:nth-child(odd) {
    background-color: #332172;
}

tr:first-child {
    background-color: rgb(169, 10, 10);
    color: black;
}

span {
    display:none;
}

tr:last-child {
    background-color: #0e0823 ;
    color: red;
}

a:hover {
    color: white;
}


#footercontainer {
    height: 50px;
    width: 100%;
    text-align: center;
    background-image: url(/images/logo.png);
    background-position:left;
    background-repeat: no-repeat;
    background-size: 80px;
    border-top: 2px solid black;
    background-color: #0e0823;
    
}


#footer section{
    display: inline;
    color: grey;
    padding-left: 25px;
  
   
}

#footer a{
    background-color: red;
    box-shadow: none;
    color: black;
    
}

#tablepic1 {
    background-image: url(/images/table1.png);
    background-size:contain;
    background-repeat: no-repeat;
    background-position:center;
    
}
#tablepic2 {
    background-image: url(/images/table2.png);
    background-size:contain;
    background-repeat: no-repeat;
    background-position:center;
    
}
#tablepic3 {
    background-image: url(/images/table3.png);
    background-size:contain;
    background-repeat: no-repeat;
    background-position:center;
    
}
#tablepic4 {
    background-image: url(/images/table4.png);
    background-size:contain;
    background-repeat: no-repeat;
    background-position:center;
    
}
#tablepic5 {
    background-image: url(/images/table5.png);
    background-size:contain;
    background-repeat: no-repeat;
    background-position:center;
    
}
#tablepic6 {
    background-image: url(/images/table6.png);
    background-size:contain;
    background-repeat: no-repeat;
    background-position:center;
    
}








@media screen and (min-width: 1200px) {
    th, td {
        font-size: 18pt;
        padding: 8px;
    }

    span {
        display: inline;
    }
 
    h1 {
        font-size: 40pt;
    }
}