html {box-sizing: border-box;}
* {color: #C5C1C0;background-color: #0A1612;font: 1.03em 'Tahoma', Geneva, Arial, sans-serif;}
.button {width: 100%;display: block;float: left;border-radius: 3px;margin: 10px 0px 10px 0px;padding: 15px 0px;text-align: center;text-decoration: none;font: 18px 'Arial', Helvetica, Arial, sans-serif;color: #ecf0f1;}
.button:active {position: relative;top: 1px;}
.gray {box-shadow: 0px 6px #7f8c8d;background: #95a5a6;}
.gray:active {box-shadow: 0px 0px #7f8c8d;background: #7f8c8d;}
.red {box-shadow: 0px 6px #c0392b;background: #e74c3c;}
.red:active {box-shadow: 0px 0px #c0392b;background: #c0392b;}
.purple {box-shadow: 0px 6px #8e44ad;background: #9b59b6;}
.purple:active {box-shadow: 0px 0px #8e44ad;background: #8e44ad;}
.blue {background: #3498db;box-shadow: 0px 6px #2980b9;}
.blue:active {background: #2980b9;box-shadow: 0px 0px #2980b9;}
.green {box-shadow: 0px 6px #27ae60;background: #2ecc71;}
.green:active {box-shadow: 0px 0px #23A33D;background: #23A33D;}
.yellow {box-shadow: 0px 6px #f39c12;background: #f1c40f;}
.yellow:active {box-shadow: 0px 0px #f39c12;background: #f39c12;}
.orange {box-shadow: 0px 6px #d35400;background: #e67e22;}
.orange:active {box-shadow: 0px 0px #d35400;background: #d35400;}
.dark_blue {box-shadow: 0px 6px #2c3e50;background: #34495e;}
.dark_blue:active {box-shadow: 0px 0px #2c3e50;background: #2c3e50;}
input[type=number] {width: 100%;padding: 12px 20px;margin: 8px 0;box-sizing: border-box;background-color: whitesmoke;color: black;border-radius: 4px;}