body {
    font-family: Helvetica;
    display: flex;
    height: 100%;
    min-height: 100vh;
    flex-direction: column;
}

nav{
    height: 100px!important;
    background-color: #9e9e9e!important;
}

hr{
    color: #fafafa!important;
    width: 60%;
}

.container{
    width: 95%!important;
    max-width: 2000px!important;
}

#main_content_div {
    flex: 1 0 auto;
}

footer.page-footer {
    background-color: #90caf9;
}


#site_title_txt{
    font-family: futura;
    font-size: 25px;
}

#page_title_txt{
    font-size: 35px;
    color: #9e9e9e;
}

.question_title_text{
    font-weight: bold;
    color: #455a64;
    text-align: center;
}

.question_card_description_txt{
    text-align: center;
}

.ufo_question_card{
    min-height: 400px;
    margin: auto;
}

.ufo_question_card:hover{
    cursor: pointer;
}



.question_card_img{
    max-width: 300px;
    height: 220px;
    margin: auto;
}


#site_logo_img{
    height: 50px;
    width: auto;
    margin-top: 5px;
    margin-right: 10px;
}

.student_card{
    width: 300px;
    max-height: 90px;
    font-size: 15px;
    font-weight: bold;
}

#visualization_page_title_txt{
    color: #455a64;
    font-size: 22px;
}

.vis_page_sub_title{
    color: #0d47a1;
    font-size: 15px;
    font-weight: bold;
    font-family: futura;
}

.vis_page_choice_reason{
    color: #9e9e9e;
    font-style: italic;
    max-width: 800px;
    margin: auto;
}

.center_svg{
    display: block;
    margin: auto;
}

.chart_type{
    color: #0d47a1;
}

.question_element{
    color: #90caf9;

}

.responsive-img{
    max-height: 200px;
    margin: auto;
}