.main-bg {
  background-image: url("https://cdn.dcrypto.com/cdw/demo/main-bg-3.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


.blue-bg {
  background: url("https://cdn.dcrypto.com/intuit/common/bg-blue.png") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.btn {
  width: 200px;
  font-weight: bold;
  background: transparent;
  /* color: black!important; */
  color: white;
  height: 60px;
  border: 1px solid white;
}

.btn:hover {
  background-color: #1BA5E3!important;
  border-color: white;
  color: white;
}

.btn.focus, .btn:focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0,123,255, 0);
}

html {
  font-family: noto-sans, sans-serif;

}

.output {
  margin: 0 auto;
  padding: 0em; 
}

.colors {
  padding: 2em;
  color: #fff;
  display: none;
}