/*
    UTILITY CLASSES
*/

.background_color {
    background-color: #88c083;
}

.body_text {
    font-family: Arial, Helvetica, sans-serif;
    color: #00420e;
}

.navbar_text {
    color: white;
    font-family: Arial, Verdana;
}

/*
    SECTION MAIN PAGE
*/

.nav_block_parent {
    background-color: #609e5a;
}

.main_image_container {
    background-image: url('../image/background/Background_froggy.png')
}

.nav_image_background {
    width: 100%;
    height: 50%;
    background-image: url("../image/background/Background_froggy.png");
}

/*
    SECTION SINGLE MODE
*/

.upper_navbar {
    background-color: darkgreen;
}

.sidenav {
    background-color: green;
}

.sidenav_button_left {
    background-image: url('../image/buttons/ArrowLeft_froggy.svg');
}

.sidenav_button_right {
    background-image: url('../image/buttons/ArrowRight_froggy.svg');
}

.menu_buttons_parent button {
    font-family: Arial, Helvetica, sans-serif;
    color: white;
    background-color: #008800;
    border: none;
}

.menu_buttons_parent button:hover {
    background-color: #006800;
}

.range_form {
    background-color: #00000088;
}

.range_form_content {
    background-color: white;
    border: 5px solid black;
}

.wheel_color_1 {
    color: #00420e;
}

.wheel_color_2 {
    color: #00aa00
}

.wheel_color_3 {
    color: #008800;
}