#top_bar_cont {
    height: 7vh;
    background-color: var(--main-color);
    padding: 0 2vw;
}

#top_bar_name_cont {
    border: solid 1px var(--brown-color);
    background-color: var(--light-main-color);
    border-radius: 3px;
	height: 5vmin;
    padding: 0.5vmin 0 0.5vmin 0.5vmin;
}

#top_bar_user_point {
	background-image: linear-gradient(70deg, var(--index-gradient_from), var(--index-gradient_to));
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
    color: #fff;
    align-items: center;
    justify-content: center;
    padding: 0.3vh 0 0 0;
    height: 4vmin;
    width: 4vmin;
    border-radius: 3px;
}

#top_bar_user_name {
    align-items: center;
    justify-content: center;
    color: var(--black-text);
    padding: 0 1.5vw;
    white-space: nowrap;
}

#bottom_bar_cont {
    height: 7vh;
    padding: 0 2vw;
    background-color: #c07c28;
    z-index: 3;
}

#bottom_bar_contact, #bottom_bar_contact a {
    font-style: italic;
    white-space: nowrap;
    color: #fff;
    text-decoration: none;
    font-size: 11pt;
}

#top_bar_name_cont {
    cursor: pointer;
}