#page{
    padding:30px;
    width: fit-content;
    min-width: 700px;
    max-width: 800px;

    background-color: rgb(14, 27, 82);

    border-radius: 5px;
    box-shadow: 15px;
    border-color: rgb(255, 255, 255);
    border-style:inset;
    border-width: 10px;
}

body{
    color: rgb(255, 255, 255);
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    background-image:url(media/Dark\ Grid.png);

    display:flex;
    justify-content: center;
    align-items: center;

    font-size: 12pt;
}

.sector {
    border-style: solid;
    border-width: 3px;
    border-radius: 2px;
    box-shadow: 15px;

    width: 46%;
    height: 200px;

    padding-left: 10px;
    padding-right: 10px;

    float:left;
}

li{
    padding-top: 10px;
}



/*Staff List Generation*/
#employee_of_the_month{
    font-size: 16px;
    width: 33%;
    background-color: gold;
    color:black;
}
#table_header{
    font-size: 18px;
    width: 33%;
    background-color: #a8a8a8;
    color:black;
}
#resultA{
    font-size: 16px;
    width: 33%;
    background-color: #e4e4e4;
    color:black;
}
#resultB{
    font-size: 16px;
    width: 33%;
    background-color: #ffffff;
    color:black;
}



/*Balancing*/
#balance{
    border-style: solid;
    border-width: 3px;
    border-radius: 2px;
    box-shadow: 15px;
    padding: 15px;
    border-color: white;
    line-height: 30px;
}
td{
    padding-right: 25px;
    padding-left: 25px;
}