body {
  background-color: white;
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  color: black;
}

header {
  height: 55px;
  background: white;
  color: black;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 22px;
}

header a {
  margin-top: 5px;
}

header h1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 700;
  font-size: 22px;
}

header h1 img {
  margin-right: 7px;
}

.create_di {
  padding: 10px 10%;
}

.create_di .create {
  min-height: 90vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 45px;
}

.create_di .create .generate,
.create_di .create .generated {
  width: 48%;
}

.create_di .create .generate h2 {
  margin-bottom: 10px;
}

.create_di .create .generate .form {
  margin-top: 25px;
}

.create_di .create .generate .form .group {
  margin-top: 10px;
}

.create_di .create .generate .form .group label {
  display: inline-block;
  width: 75px;
}

.create_di .create .generate .form .group input,
.create_di .create .generate .form .group select {
  padding: 5px;
  width: 260px;
}

.create_di .create .generate .form .group input:focus,
.create_di .create .generate .form .group select:focus {
  outline: none;
}

.create_di .create .generate .form .group select {
  width: 275px;
}

.create_di .create .generate .form button {
  cursor: pointer;
  margin-top: 30px;
  padding: 6px 20px;
  border-radius: 8px;
  font-weight: 700;
  border: 2px solid #000;
  font-size: 16px;
}

.create_di .create .generated .frame {
  width: 548px;
  height: 308px;
  overflow: hidden;
  padding: 0;
  margin-top: auto;
  border-radius: 10px;
}

.create_di .create .generated .frame iframe {
  width: 1920px;
  height: 1080px;
  -webkit-transform: scale(0.3);
  -webkit-transform-origin: 0 0;
}

.create_di .create .generated .assets {
  margin-top: 15px;
}

.create_di .create .generated .assets a,
.create_di .create .generated .assets span {
  color: #000;
  margin-right: 10px;
}

.create_di .create .generated .assets .underline {
  text-decoration: underline;
  cursor: pointer;
}

.contribute {
  margin-bottom: 35px;
  min-height: 45vh;
  padding: 0 15px;
}

.contribute h2,
.contribute p {
  min-width: 100%;
  max-width: 800px;
  text-align: center;
}

.contribute h2 {
  margin-bottom: 15px;
}

.contribute .image {
  margin-top: 25px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

footer {
  padding: 0 15px;
  margin-bottom: 30px;
}

footer h4 {
  min-width: 100%;
  max-width: 800px;
  text-align: center;
}

@media only screen and (max-width: 600px) {
  .create_di {
    padding: 10px 8%;
  }
  .create_di .create {
    margin-top: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .create_di .create .generate,
  .create_di .create .generated {
    width: 100%;
  }
  .create_di .create .generate h2,
  .create_di .create .generate p {
    text-align: center;
  }
  .create_di .create .generate .form button {
    width: 100%;
  }
  .create_di .create .generate .form .group input {
    width: 95%;
  }
  .create_di .create .generate .form .group select {
    width: 99%;
  }
  .create_di .create .generated {
    margin-top: 25px;
  }
  .create_di .create .generated .frame {
    margin-left: auto;
    margin-right: auto;
    width: 274px;
    height: 154px;
  }
  .create_di .create .generated .frame iframe {
    -webkit-transform: scale(0.15);
  }
  header .hideit {
    display: none;
  }
}
/*# sourceMappingURL=home.css.map */