/*Decoration elements*/
.sector_name { /*button*/
    border-radius: 5px;
    height: auto;
    width: 8em;
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
    color: white;
    padding: 0.3em;
    border: 1px solid rgba(37, 89, 139, 0.93);
    background: #285a82 linear-gradient(#285a82, #1f4b75);
    /*box-shadow: 0 1px 2px rgba(0,0,0,.1);*/
    box-shadow:
            inset 0 1px 3px rgba(0, 58, 117, 0.5),
            0 2px rgba(132, 150, 166, 0.90),
            0 0 2px rgba(135, 153, 168, 0.90);
}

p_sector_name {
    font-family: "Montserrat", sans-serif;
    /*padding-top: 40%;*/
    pointer-events: none;
    vertical-align: middle;
    text-shadow: -1px -1px #444;
}


/* Navigation bar for About section */
.tab_bar {
    width: 90%;
    /* align-items: center;
    text-align: center; */
    margin: auto auto 5rem auto;
    display: flex;
    
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
}

.tab_bar_button {
    /*font-family: "Raleway", sans-serif;*/
    font-family: "Montserrat", sans-serif;
    /*padding-top: 40%;*/
    border-radius: 2px;
    vertical-align: middle;
    background: none;
    height: auto;
    min-width: 8em;
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
    color: rgba(0, 47, 95, 0.8);
    padding-bottom: 0.3em;
    padding-top: 0.3em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    border: 2px solid transparent; /* rgba(0, 47, 95, 0.93);*/
}

.tab_bar_button_active {
    border: 2px solid rgba(0, 47, 95, 0.93);
    /*box-shadow: 3px 2px 2px #c9d9df;*/
}

.tab_bar_button:hover {
    background: rgba(63, 136, 206, 0.69);
    color: white;
    font-weight: bold;
    border: 2px solid transparent; /*rgba(63, 136, 206, 0.69);*/
}

.tab_about {
    -webkit-animation:  appear 1s;
    -moz-animation:     appear 1s;
    -o-animation:       appear 1s;
    animation:          appear 1s;
}

/* Draggable menu for dragon */
#dragon_menu_bar {
    position: absolute;
    left: 5vw;
    top: 5vw;
    /*margin: 20px;*/
    z-index: 9;
    background-color: #f1f1f1;
    border: 1px solid #d3d3d3;
    text-align: center;
}

#dragon_menu {
    padding: 3%;
    cursor: move;
    z-index: 10;
    background-color: #2196F3;
    color: #fff;
    font-weight: bold;
    text-align: center;
}

.dragon_menu_button {
    padding: 0%;
    text-align: center;
    height: 5%;
    width: 90%;
}


.page_button {
    font-family: "Montserrat", sans-serif;
    border-radius: 2px;
    vertical-align: middle;
    background: none;
    height: auto;
    min-width: 8em;
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
    /*color: rgba(0, 47, 95, 0.8);*/
    color: #666666;
    padding-bottom: 0.3em;
    padding-top: 0.3em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    border: 2px solid transparent; /* rgba(0, 47, 95, 0.93);*/
    /*border: 2px solid rgba(0, 47, 95, 0.93);*/
}

/*.page_button:hover {*/
    /*background: rgba(63, 136, 206, 0.69);*/
    /*color: white;*/
    /*font-weight: bold;*/
    /*border: 2px solid transparent; !*rgba(63, 136, 206, 0.69);*!*/
/*}*/