h2 {
    color : #aaaaaa;
    font-family : Helvetica;
    font-size : 25px;
    margin : 5px;
    padding : 5px;
    font-weight : normal;
}
.inline {
    display : inline-block;
}
#main-search {
    box-shadow : 0 0 2.5px rgba(0, 0, 0, 1);
    position : absolute;
    border-radius : 5px;
    border : none;
    top : 25px;
    right : 25px;
    outline : none;
    top : 5px;
    right : 50px;
    min-width : 50%;
    max-width : calc(100% - 100px);
    color : #aaaaaa;
    background-color : #555560;
    padding : 10px;
    margin : 10px 0 10px 0;
    transition : min-width 0.25s;
}
.inactive {
    display : none;
}
#main-search:focus {
    min-width : calc(100% - 200px);
}
.container {
    position : absolute;
    top : 75px;
    left : 50px;
    right : 50px;
}
.tab-container {
    position : relative;
    top : 0px;
    left : 0px;
    width : calc(100% - 20px);
    /*height : 250px;*/
    box-shadow : 0 0 2.5px rgba(0, 0, 0, 1);
    border-radius : 5px;
    background-color : #555560;
    margin : 10px 0 10px 0;
    padding : 10px;
}
.tab {
    position : relative;
    font-family : Helvetica;
    display : block;
    padding : 10px;
    color : #aaaaaa;
    background-color : #444450;
    border-radius : 5px;
    margin : 10px;
}
.button1, .button2, .button3, .button4, .button5 {
    position : absolute;
    top : 50%;
    transform : translate(0, -50%);
}
.button1 {
    right : 210px;
}
.button2 {
    right : 160px;
}
.button3 {
    right : 110px;
}
.button4 {
    right : 60px;
}
.button5 {
    right : 10px;
}
.tab button {
    border : none;
    background-color : #00000000;
    color : #aaaaaa;
    margin : 0 10px 0 10px;
}
.tab {
    position : relative;
    min-height : 25px;
}
.exit {
    position : absolute;
    right: 5px;
    width: 20px;
    height: 20px;
    background-color: #333340;
    top: 7.5px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding: 5px;
    border-radius: 5px;
    transition: background-color 0.25s, color 0.25s;
}