body {
  background: url('./background.jpg');
  background-size: cover;
  height: 100%;

  margin: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
* {
  text-align: center;
  font-family: 'Indie Flower', cursive;
  /*font-family: Helvetica, roboto;*/
  border-radius: 1.5rem !important;
}
#app {
  background: rgba(233,233,233,.5) !important;
  padding: 3rem;
  margin: 2rem;
  opacity:1;
  width:30rem;
}
.desc * {
  text-align: left !important;
}
.desc h1,h2,h3,h4,h5,h6 {
  width: 100%;
}
.resultRow h1,h2,h3,h4,h5,h6 {
  width: 100%;
}
h1 { 
  font-weight: 300;
  padding-bottom: 2rem;
  font-size:4rem;
}
h2 {
  font-size:3rem;
}
h3 {
  font-size:2rem;
  margin: 1rem !important;
}
h4 {
  font-size:1.5rem;
  margin: 0rem !important;
}
.removeBtn {
  /*position: absolute;
  right:0;
  top:0;*/
  float: right;
  display: inline-block;
  color: #333 !important;
  margin: 0;
  padding: 0 0 0 1.5rem;
}
.decidely-option-group h4 {

  line-height: 1;
}
.list-group-item {
  padding: .5rem 1.75rem !important;
  margin: .5rem;
  background: rgba(233,233,233,.75) !important;
}

.form-control {
  background: rgba(233,233,233,.5) !important;
}
.btn-primary,.btn-outline-primary {
  background: rgba(233,233,233,.75) !important;
  border: none !important ;
  color: #333 !important;
}
h1.text-primary {
  color: #333 !important;
}