:root {
    --main-color:  #FF7E39;
    --section-padding: 6.1rem;
    --content-padding: 2rem;
    --hover:   #FF7E39;
    --main-transition: all .7s ease-in;

    --main-transition: 0.3s;
    --main-padding-top: 100px;
    --main-padding-bottom: 100px;
    --section-background: #ececec;
}

#lighting button {

    height: 50px; margin: 5px; width: 120px;  
    background: #333;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  
    font-family: Consolas, Courier New, monospace;
    border: solid #404C5D 1px;
    font-size: 16px;
    color: rgb(161, 161, 161);
    -webkit-transition: 500ms;
    transition: 500ms;
    float: right;
    border-radius: 5px;
    background: linear-gradient(145deg, #2e2d2d, #212121);
  
    -webkit-box-shadow: -1px -5px 15px var(--main-color), 
                 5px  5px 15px var(--main-color), 
      inset      5px  5px 10px #212121, 
      inset     -5px -5px 10px #212121;
  
    box-shadow: -1px -5px 15px var(--main-color), 
                 5px  5px 15px var(--main-color), 
      inset      5px  5px 10px #212121, 
      inset     -5px -5px 10px #212121;  
  }
  
  
  button:hover {
  
   -webkit-box-shadow: 1px 1px 13px #20232e,
                      -1px -1px 13px var(--main-color);
  
    box-shadow: 1px 1px 13px #20232e,
               -1px -1px 13px var(--main-color);
  
    color: #d6d6d6;
    -webkit-transition: 500ms;
    transition: 500ms;
  }
  
  button:active {
    -webkit-box-shadow: 1px 1px 13px #20232e,
                       -1px -1px 33px #545b78;
    box-shadow: 1px 1px 13px #20232e,
               -1px -1px 33px #545b78;
    color: #d6d6d6;
    -webkit-transition: 100ms;
    transition: 100ms;  
  }