* {
  margin:0px;
  padding:0px;
}

body {
  background-color: #292a2d;
  margin:10px;
}

.panel > .panel-heading {
  background-color: #191919;
  border-color: #716f79;
  color: white;
}

.panel {
  border-color: #716f79;
}

.swap-button {
  background-color: #373a40;
  color: #dae2e2;
}

.swap-button:hover {
  background-color: #212226;
  color: #dae2e2;
}

.options {
  padding:5px;
  background-color: #222222;
}

textarea[type=text], select {
  width: 100%;
  height: 100%;
  padding: 5px;
  margin: 8px;
  display: inline-block;
  border: 1px solid #47464c;
  background-color: #484a4d;
  border-radius: 4px;
  box-sizing: border-box;
  color: aliceblue;
  font-family: "Courier New", Courier, monospace;
  resize: none;
}



heading {
  color: aliceblue;
  font-family: "Courier New", Courier, monospace;
  font-size: 20px;
}

.header {
  color: aliceblue;
}

.footer {
  color: aliceblue;
}

label {
  color: aliceblue;
  font-family: monospace;
}

.option-theme {
  background-color: #191919;
  color: aliceblue;
  border: 1px solid #47464c;
}

.option-button {
  border: 1px solid #278f23;
}

.heading-text {
  color: #b8bfc4;
}

.generate-theme {
    background-color: #aab0b0;
    color: #000000;
}