/* Buttons styles start

button {
  background-color: #ff6600;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  border-radius: 8px;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  cursor: pointer;
}



button:hover {
  background-color: #3377bb;
  color: white;
}

*/

.button {
  background-color: #A52A2A; /* Orange */
  border: none;
  color: white;
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  border-radius: 8px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
}

.button1 {
  background-color: white; 
  color: red; 
  border: 2px solid #FF4500;
}

.button1:hover {
  background-color: #A52A2A;
  color: white;
}

.button2 {
  background-color: white; 
  color: #008080; 
  border: 2px solid #2F4F4F;
}

.button2:hover {
  background-color: #008CBA;
  color: white;
}

.button3 {
  background-color: white; 
  color: black; 
  border: 2px solid #f44336;
}

.button3:hover {
  background-color: #f44336;
  color: white;
}

.button4 {
  background-color: white;
  color: black;
  border: 2px solid #e7e7e7;
}

.button4:hover {
  background-color: #e7e7e7;
  color: white;
}

.button5 {
  background-color: white;
  color: black;
  border: 2px solid #555555;
}

.button5:hover {
  background-color: #555555;
  color: white;
}

/* Thick horizontal rule */
hr.firmware {
  border: 2px solid;
  color: #20b2aa;
}

/* Thick horizontal rule */
hr.instrument {
  border: 2px solid;
  color: #ad826a;
}

hr.body {
  border: 1px solid;
  color: #c0c0c0;
}


/* Centered module header */
h2.firmware {
  margin: 0;
  text-align: center;
  color: #20b2aa;
}

h3.firmware {
  margin: 0;
  text-align: center;
  color: #20b2aa;
}

/* Centered module header */
h2.instrument {
  margin: 0;
  text-align: center;
  color: #ad826a;
}

h3.instrument {
  margin: 0;
  text-align: center;
  color: #ad826a;
}


.firmwareModuleColor {
  background: #f0ffff;
}

.instrumentModuleColor {
  background: #FFF5EE;
}

p.marginleft5 {
  margin-left: 5px;
}

p.marginleft15 {
  margin-left: 25px;
}

p.instButton {
  margin-left: 1px;
  font-size: large;
  font-weight: bold;  
}

p.lineHeight60 {
  line-height: 60%;
}

p.center {
  text-align: center;
}

p.hometitle {
  text-align: center;
  font-size: 24px;
  line-height: 1.3;
}

div.firmwareBackgroundColor { 
  background: #f0ffff;
  padding: 10px;
}

div.instrumentBackgroundColor { 
  background: #FFF5EE;
  padding: 10px;
}


.site-title {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-weight: bold;
  font-size: 1.5rem;
  color: white;
  text-shadow: 1px 1px 3px #cccccc;
  line-height: 1;
}

/* Buttons styles start
button {
    display: inline-block;
    border: none;
    padding: 1rem 2rem;
    margin: 0;
    text-decoration: none;
    background: #0069ed;
    color: #ffffff;
    font-family: sans-serif;
    font-size: 1rem;
    line-height: 1;
    cursor: pointer;
    text-align: center;
    transition: background 250ms ease-in-out, transform 150ms ease;
    -webkit-appearance: none;
    -moz-appearance: none;
}

button:hover,
button:focus {
    background: #0053ba;
}

button:focus {
    outline: 1px solid #fff;
    outline-offset: -4px;
}

 */