/*Top navigation bar*/

#title_container{
    margin-left: 20px; 
}

#logo_science_house_container{
    margin-left: 30px; 
}

#powered_by_text{
    margin-bottom: 8px; 
}

#logo_science_house{
    max-height: 25px;
    margin-left: 0px; 
}

#nav_panel {
    background-color: #FFFCEF; 
}


#logo_wg {
    max-height: 150px;
}



.menu li {
    font-size: 20px; 
}

/*Bottom*/ 
div#copyright {
    margin-top: 40px; 
    font-size: 12px; 
}

/*General*/
.apptext {
    font-size: 20px;
    max-width: 900px;
}


.button_control{
    font-size: 16px;
}

/*FAQ css*/
.question_faq {
    font-weight: bold;
    margin-top: 20px; 
}

.answer_faq {
    margin-left: 10px; 
}

/* create_story and setup css */ 
/*buttons for selecting story elements*/ 
    .option-button {
        padding: 5px 10px;
        margin: 2px;
        border: 1px solid black;
        cursor: pointer;
        border-radius: 5px;
    }
    .active {
        background-color: #4CAF50;
        color: white;
    }
    
    .category-input {
        width: 200px; 
    }

/* Library */ 
.category_col_directory {
    max-width: 500px; 
    min-width: 100px; 
    padding-right: 15px; 
}