body {
  margin: 0;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

code {
  font-family: source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace
}

:root {
  --mainYellow: #f0be20
}

.App {
  position: relative;
  height: 100vh
}

.button-container {
  width: 60%;
  display: flex;
  justify-content: space-around;
  justify-self: center;
  flex-direction: column;
  border: 3px solid #676767;
  align-items: center;
  margin: 15% auto auto;
  height: 39vh
}

.main-button {
  transition: all .1s ease-in-out;
  text-decoration: none;
  color: #202020;
  cursor: pointer;
  background-color: #f0be20;
  background-color: var(--mainYellow);
  font-weight: 700;
  padding: 14px 20px;
  border-radius: 12px;
  border: 3px solid #f0be20;
  border: 3px solid var(--mainYellow);
  margin: 1.25em
}

.main-button:hover {
  background-color: #fff
}

@media (max-width: 670px) {
  .buttons-wrapper {
      justify-content:center;
      align-items: center;
      display: flex;
      flex-direction: column
  }
}

@media (max-width: 450px) {
  .button-container {
      width:90%;
      height: 60vh
  }
}

.gaf-container {
  margin: 10px
}

.gaf-form {
  max-width: 400px;
  margin: 0 auto
}

.gaf-form,.gaf-form label {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  width: 100%
}

.gaf-form label {
  margin-top: 20px
}

.gaf-input {
  padding: 1em;
  margin: 10px;
  width: 80%;
  font-size: 18px
}

.img-container {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center
}

.gaf-file {
  width: 84%;
  border: 1px solid grey;
  padding: 18px .8em;
  margin: 10px
}

.gaf-file::-webkit-file-upload-button {
  -webkit-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
  text-decoration: none;
  color: #202020;
  cursor: pointer;
  background-color: var(--mainYellow);
  font-weight: 700;
  padding: 14px 20px;
  border-radius: 12px;
  border: 3px solid var(--mainYellow)
}

.signature-html-container {
  width: 50%;
  margin: 0 auto
}

.signature-html-container textarea {
  width: 100%;
  height: 60vh
}

/*# sourceMappingURL=main.d18f4edd.chunk.css.map */