@font-face {
    font-family: "Roboto";
    src: url("./Roboto-Regular.ttf");
}

@font-face {
    font-family: "Roboto-Bold";
    src: url("./Roboto-Bold.ttf");
}

#rectangle{
    position: absolute;    
    width: 100%;
    height: 150px;
    top: 60px;
    background:forestgreen;    
}
#mybody {
    background-color: #3a2e39;
    color: white;
}
#titlebar{
    position: absolute;
    background-color: #f15152;
    color: #3a2e39;
    width: 100%;
    height: 50px;
    padding-top: 10px;
    text-align: center;    
    font-family: Roboto-Bold;
    font-size: 30;    
}

#version{
    position: absolute;
    background-color: #f15152;
    color: #3a2e39;    
    text-align: left;    
    font-family: Roboto;
    font-size: 10;    
    padding: 5px;
}

#login_table {    
    position: absolute;    
    font-family: Roboto;
    font-size: 24;    
    border-spacing: 10px;
}

#main_table {    
    position: absolute;    
    font-family: Roboto;
    font-size: 24;    
    border-spacing: 10px;
}

#input_email {
    font-family: Roboto;
    font-size: 18;    
}

#input_password {
    font-family: Roboto;
    font-size: 18;    
}

#input_date {
    font-family: Roboto;
    font-size: 18;    
}

#location_selector {
    font-family: Roboto;
    font-size: 18;    
    width: 20em;
}

#button_login {
    font-family: Roboto;
    font-size: 18;    
    padding: 10px;
}

#button_perform {
    font-family: Roboto;
    font-size: 18;    
    padding: 10px;
}

#error{
    font-family: Roboto;
    font-size: 18;    
}