:root {
    --monokai-grey:   #272822 ;
    --monokai-pink:   #F92672 ;
    --monokai-cyan:   #66D9EF ;
    --monokai-green:  #A6E22E ;
    --monokai-orange: #FD971F ;
    --monokai-purple: #AE81ff ;
    --monokai-yellow: #E6DB67 ;
    --pale-grey:      #5c5c5c ;
    
    --main-column-width: 300px;
}

body {
    background-color: var(--monokai-grey);
    color: white;
    font-family: Georgia;
    font-size: 15px;
}

hr {
    width: var(--main-column-width);
    border-style: solid;
    border-width: 5px;
    border-color: var(--monokai-pink);
}

.Main_Button {
    background-color: var(--monokai-pink);
    width: var(--main-column-width);
    color:white;
    font-family: Georgia;
    font-weight: bold;
    font-size: 33px;
}

.Main_Button:disabled {
    color:pink;
}

.main_td {
    width: var(--main-column-width);
    border-style: solid;
    border-width: 50px;
    border-color: #00000000;
}

#hr_controlPanel {
    border-style: dashed;
    border-color: var(--pale-grey);
}

#Main_Chord, #Next_Chord, #Last_Chord {
    font-size: 100px;
    display: inline-block;
    display: flex;
    justify-content: center;
}

#Next_Chord, #Last_Chord {
    color: grey;
}

#Main_Click {
    color: var(--monokai-pink);
    visibility: hidden;
    font-size: 33px;   
}

#Input_bpm, #Input_beatCount, #Input_roots, #Input_extensions, #Input_barsToGenerate {
    width: 100px;
}

#Input_roots, #Input_extensions {
    height: 375px;
    overflow: hidden;
}

#settings {
    color: grey;
}

#Export_Btn, #Import_Btn {
    width:100%;
}