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

body{
    background-color: sandybrown;
    color: gray;
    min-height: 100vh;
    
    
    
    

}

#container{
    border: 5px solid #99F;
    margin: 20px;
    padding: 20px;
    background-color: white;
}

h1{
    color: orange;
    background-color: white;
}

.filter{
        background-color: orange;
        border-radius: 4px;
        color: white;
        min-height: 60px;
        margin-bottom: 100px;

    }

table{
    border-collapse: collapse;
}    

th{
    color: orange;
    text-align: left;
    border: 1px solid black;
    width: 20px;
    position: relative;

    
}    
td, th{
    border: 1px solid white;
    width: 30px;
    text-align: center;
    height: 45px;
}
tr td:first-child, th:first-child{
    width: 200px;
    text-align: left;
}

img{
    width: 10px;
    height: 10px;
}

th span{
    display: block;
    transform: rotate(-90deg) translateX(50%) translateY(-150%);
    border: 0px solid red;
    width: 100px;
    position: absolute; 
    bottom: 0px;
    left: 0px;
}

tr:first-child th{
    
    height: 25px;
}

tr:nth-child(even){
    background-color: #DDD;
}

input[type=checkbox]{
    transform: scale(1.5);
    margin-left: 30px;
    margin-right: 10px;
}

.filter h2{
    float: left;
    margin-left: 10px;
    margin-top: 15px;
}

.filter fieldset{
    float: right; border:0px;
    margin-top: 20px; margin-right: 5px;
}