::-webkit-input-placeholder {
  /* Edge */
  color: white !important;
  font-size: 15px;
  padding:8px;
}

@font-face {
  font-family: "FZDaHei-B02S";
  src: url("../fonts/futureforceshalfital.ttf");
}
@font-face {
  font-family: "FZYaoTi";
  src: url("../fonts/Montserrat-Medium.otf");
}
@font-face {
  font-family: "Montserrat-semiBold";
  src: url("../fonts/Montserrat-SemiBold.otf");
}
.fonts-1 {
  font-family: "FZDaHei-B02S" !important;
}
.fonts-2 {
  font-family: "Montserrat-semiBold" !important;
}
.fonts-3 {
  font-family: "FZYaoTi" !important;
  color:white;
}
html{
  overflow:auto;
}

body {
  background-image: url("../images/2021background.png");
  height: 100vh;
  width: 100vw;
  overflow-x: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  font-family: "FZYaoTi" !important;
}

#hero{
  height:100vh;
}

.event-logo{
  width:58vw;
}

.right-logo{
  width: 30%;
  top: 12px;
  right: 0;
}


.custom-input, .custom-btn {
  background-color: #3F5871;
  width: 100% !important;
  padding: 6px 5px 6px 5px;
  border-color: transparent;
  color: white;
  font-size: 15px;
}

.custom-btn {
  color:black;
  background-image:linear-gradient(to right, #F39C63 , #FDF851);
  text-transform: uppercase;
}

.calander-btn {
  width: 25%;
  font-size: 2vh;
  padding: 9px;
  background-color: #fee101;
  border-radius: 5px;
}

.hide {
  visibility: hidden !important;
}

@media only screen and (max-width: 600px) {
  #hero {
    width:100vw;
    height:100vh;
  }

  .event-logo{
    width:100%;
  }

  .right-logo {
    width: 74%;
  }
    
}

.input-container {
  margin: 0 auto;
  text-align: center;
  margin-bottom: 15px;
  text-align: initial;
}