input {
margin-bottom: 10px;
}

#main p, #results {
  text-shadow: 2px 2px 4px #a28d6d, 2px 0px 4px #a28d6d, 0px 2px 4px #a28d6d, -2px 0px 4px #a28d6d, 0px -2px 4px #a28d6d, -2px -2px 4px #a28d6d, -2px 2px 4px #a28d6d, 2px -2px 4px #a28d6d;
}

#footer p {
  text-shadow: none;
}

.premium {
display: none;
}

input[type=number], input[type=date], select {
  background-color: rgba(150,117,74,0.5);
  text-align: center;
  border: 2px dotted #000000;
  font-family: 'Aclonica';
}

#timeLeft {
  text-align: center;
  background-color: #38271e;
  padding-top: 6px;
  font-size: 13px;
  color: #fff;
  position: sticky;
  width: 100%;
  display: inline-block;
  top: 0;
  z-index: 9;
}

#timeLeft h2 {
  display: inline-block;
  font-family: 'Aclonica';
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 24px;
}

#journeyprogress {
   color: #fff;
   font-size: 22px;
    margin-top: -20px;
    margin-bottom: 10px;
}

#results {
  padding-bottom: 30px;
}

#intro {
text-align: center;
}

#main {
  background-image: url(img/alzur.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position-x: 100%;
}

#objectiveList {

  display: inline-block;
  overflow: auto;
  overflow-y: hidden;
  overflow-x: auto;
  white-space: nowrap;
  margin-left: 2%;
  margin-right: 2%;
  height: 255px;
  max-width: 94%;
    -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: thin;
  scrollbar-color: #302115 #ccc;
}

#objectiveList::-webkit-scrollbar {
  display: none;
}

.setObjective {
text-align: center;
display: inline-block;
width: 200px;
background-color: rgba(150, 117, 74, 0.5);
  background-image: url("img/bg.png");
  background-blend-mode: hard-light;
  border: 2px groove #4E3623;
  cursor: pointer;
}

.setObjective:hover {
  background-color: rgba(170, 230, 80, 0.5);
  transition-duration: 0.2s;
}

.objectiveImg {
  height: 200px;
}

.objectiveLvl {
  width: 100%;
  background-color: #302115;
  color: #fff;
  font-family: 'Aclonica';
  padding-top: 5px;
}

.objectiveLvl:before {
  content:"Level ";
}

.objectiveTitle {
  margin-top: 5px;
  font-family: 'Aclonica';
}

#objectiveL {
  height: 30px;
  font-size: 20px;
}

@media screen and (max-width: 590px) {
  #main {
    background-size: cover;
    background-position: bottom;
  }
  #timeLeft h2 {
    top: 0px;
  }
  
}