body{
    background-image: url("images/DarkCheckeredBackground.png");
    
}
tr:has(> td:hover){
    background-color:red;
    border: solid 3px purple;
}
tr{
    background-color: rgb(253, 253, 253);
    border: solid 5px goldenrod;

}
table{
    font-family: srb2-fill;
    font-size: 16px;
    color: black;

    border: solid 5px goldenrod;
}
select{
    display: block;
}
#controls-container{
    color: aliceblue; 
    display: inline;
    position:relative;
}

th{
    text-transform: uppercase;
    border-bottom: 2px solid #111111;
    text-align: center;
}
th.header{
    text-transform: uppercase;
    border: 2px solid #111111;
    background-color: rgb(16, 97, 70);
    text-align: center;
    column-span: all;
}
header{
    margin:0;
    padding: 0;
    background-color: black;
}
header>img{
    height: 400px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
header>h1{
    color: aliceblue;
    font-family: srb2-fill;
    font-size: 32px;
    text-align: center;
    padding-bottom: 20px;
}

@font-face {
    font-family: "srb2-fill";
    src: url("fonts/srb2-fill.ttf");
}
@font-face {
    font-family: "srb2-outline";
    src: url("fonts/srb2-outline.ttf");
}
h1{
    color: aliceblue;
    background-color: gray;
}
body>img{
    min-height: 290;
    min-width: 460;
    background-color: aquamarine;
}
#table-data-container>*{
    float:left;
    margin: 10px;
}
*{
    font-family: srb2-fill;
}
h2{
    background-color: #e2ebf4;
}
#demo{
    background-color: #e2ebf4;

}