*{padding: 0;
margin: 0;
box-sizing: border-box;}
    
#wrapper{
        margin-left:2px;
             margin-right:2px;
             box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.8);
             background: rgba(0,0,0,0.1);
             padding:5px 5px;
             color: rgba(255, 255, 255, 0.9);
             }

#wrapper #title{text-align: left;
                 font-family:serif;
                 font-size: 22px;
                 font-style: oblique;
                 text-shadow: 2px 2px 4px teal;
                 border-bottom: 1px solid rgba(255, 255, 255, 0.08);
                 color: rgba(199, 250, 240, 0.8);
                 word-spacing: 1.7px;
                 }


#wrapper #result{word-wrap: break-word;
          color: skyblue;
         margin-top: 10px;}

#wrapper #result #answer-text{color:rgba(255, 255, 255, 0.9); margin-right: 3px;}

#wrapper #result #unit-value{font-size: 33px; 
                             font-family:sans-serif;
                          font-weight: bold;}


#wrapper #result .currency{font-size: 25px;}

#wrapper #result #units{font-size: 25px; 
                         font-family:serif;}





#wrapper #inputs-wrapper{display: grid;
                         grid-template-columns: repeat(3, 1fr);
                        margin-top: 15px;}

     
#input-value, select{padding:13px; 
           width:100%;
            outline: none;
         background: rgba(200, 200, 200, 0.04);
        color: rgba(255, 255, 255, 0.9);}



#wrapper #input-value{padding:11.3px;
                    border: 1px solid rgba(255, 255, 255, 0.3);}


#wrapper select { border: 1px solid rgba(255, 255, 255, 0.01);}


#wrapper select option{color: rgba(0, 0, 0, 1.0);}


#wrapper select optgroup{color: rgba(0, 0, 0, 1.0);}

#input-value::placeholder{color: rgba(255, 255, 255, 0.9);}


hr{opacity: 0.2;}


#clear-btn{ padding:5px;
               background: #035;
               border: none;
               color:white; 
               cursor: pointer;}
    #btn-container{padding-top:40px;
                   text-align: right;
                    display: none; }
    #Description{ padding-top: 20px;
                  font-size: 17px; }
