body {
    font-family: 'Roboto Mono', monospace;
}

.main {
    height: 950px;
    background-color: #ffdd70;
    opacity: 0.7;
}

h1 {
    text-align: center;
    font-size: 34px;
    padding-top: 10px;
    padding-bottom: 20px;
}

#translate{
    padding-bottom: 20px;
    text-align: center;
  }

#search {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 40px;
}



/*#header {
     display: block;
  font-size: 24px;
  color: #333333;
  line-height: 1.2;
  text-align: center;
  padding-bottom: 30px;

}


#selection {
   
    font-size: 15px;
    width: auto;
    border: 5px solid rgb(111, 41, 97);
    border-radius: .5em;
    padding: 10px;


}


.opt {
    
    width: auto;
    padding: 10px;
    background-color: #d1ede9;
    border: 2px solid;
    display: inline-block;
    vertical-align: middle; 
}

#searchBtn {
    font-size: 15px;
    font-family: 'Roboto Mono', monospace;
}

*/
/*///////////////////////////////////Selection colors/////////*/
/*

.custom-select-lg mb-3 #doac{
    color: pink;
}

select option[value="red_C"] {
    color: #d41313;
    opacity: 0.8;
}

select option[value="blue_D"] {
    color: #0074D9;
    opacity: 0.8;
}

select option[value="green_E"] {
    color: #2ECC40;
    opacity: 0.8;
}

select option[value="yellow_F"] {
    color: #FFDC00;
    opacity: 0.8;
}

select option[value="purple_G"] {
    color: #B10DC9;
    opacity: 0.8;
}

select option[value="grey_A"] {
    color: #AAAAAA;
    opacity: 0.8;

}

select option[value="white_B"] {
    color: #000000;
} 
*/

/*///////////////////////////////////////////////Resulte area///////////////////////////*/

#chordDiag {
    text-align: center;
    display: block;
    max-width: 100%;
    height: auto;
}