/*---Variables---*/
/*Fonts Family*/
/*Colours*/
/*Mixins*/
/*Styling*/
div::-webkit-scrollbar {
  display: none;
}

body {
  background-color: #fff9E9;
}

h1 {
  color: #f00c51;
  font-family: "urbane-rounded", sans-serif;
  font-size: 80px;
}

h2 {
  color: #610e1d;
  font-family: "Poppins", sans-serif;
  font-size: 24px;
}

p {
  color: #232323;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
}

.left-gradient {
  padding-left: 0;
}
.left-gradient img {
  position: sticky;
  top: 0;
  height: 100vh;
  width: auto;
}

.coming-soon-content {
  padding: 5vh 0 5vh 0;
  width: 65%;
  max-width: 850px;
  height: auto;
  min-height: 100vh;
  align-content: center;
}

.logo {
  height: 62px;
  width: auto;
  padding-bottom: 10px;
}

ul {
  padding-left: 0;
}
ul li {
  display: inline;
  padding-right: 10px;
}
ul li .social-icons {
  height: 36px;
  width: 36px;
  display: inline-flex;
}

form label {
  stroke: #610e1d;
  margin-top: 5px;
}
form button {
  margin-top: 20px;
  padding: 10px 20px;
  border-radius: 15px;
  border: 0px;
  background-color: #610e1d;
  color: #232323;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  color: #fff9E9;
}

@media (max-width: 1280px) {
  .left-gradient img {
    margin-left: -5vh;
  }
}
@media (max-width: 850px) {
  h1 {
    color: #f00c51;
    font-family: "urbane-rounded", sans-serif;
    font-size: 80px;
    font-size: 50px;
  }
  .coming-soon-content {
    padding: 5vh 8vw;
    width: 100%;
    height: auto;
    align-content: center;
  }
  .left-gradient {
    display: none;
  }
}

/*# sourceMappingURL=style.css.map */