p {
    text-align: center;
    margin-bottom:0px;
    font-family:PatrickHand;

}
img {
    /* The image used */
  
    max-width:100%;
    display: block;
    border-radius: 2%;
    box-shadow: rgb(0, 0, 0) 0px 30px 150px;
    margin-left: auto;
    margin-right: auto;
    max-height: 60vh;

  }
.dropdown {
  text-align: center;
  position: absolute;
  left:45%;

}
/* Changes to div with text and countdown */
.allitems {
  width: 80vw;
  margin-left:auto;
  margin-right: auto;
  transform: translateY(20%);
  height:40vh;
}
#demo {
  margin-top: 2%;
  font-family: Quicksand;
  font-weight: 450;
  font-size:53px;
}
p#MainText {

  margin-top: 2%;
  font-family: Quicksand;
  font-weight: 450;
  font-size:35px;
}
/* Background modification */
html,body {
  height: 100%;
}
html {
  background: #0084b8; /* Solid color fallback */
  background: linear-gradient(131deg, rgba(0, 132, 184, 1) 0%, rgba(204, 109, 31, 1) 47%, rgba(173, 23, 3, 1) 100%);
  /*background: linear-gradient(41deg, rgba(0,255,68,1) 0%, rgba(0,94,173,1) 63%, rgba(0,10,255,1) 100%);
}
/* Mobile changes */
@media only screen and (max-width: 600px) {
  .allitems {
    width: 100%;
    transform: translateY(30%);

  }
  #demo {
    margin-top: 4%;
  }
  .dropdown {
    left:41%;
    width:90px;
    text-align-last: center;
  }
  img {
    width:97%;

  }

}
@media only screen and (max-height: 570px) {
  img {
    max-height:30vh;
  
  }
  .allitems{
    transform: translateY(0%);
  }
  p#MainText {
    font-size: 50px;
  }
  #demo {
    font-size:43px;
  }

}
@font-face {
  font-family: 'JakarataSans';
  src: url('fonts/JakarataSans.ttf');
  }
@font-face {
  font-family: 'Quicksand';
  src: url('fonts/Quicksand.ttf');
  }
  @font-face {
    font-family: 'PatrickHand';
    src: url('fonts/PatrickHand.ttf');
    }