@import "../../assets/scss/globals";


.event-create-page {
  width: 100%;

  fieldset {
    border: none;
    padding: 0;
    margin: 1rem 0;
  }

  option {
    padding: 4px 8px;
    cursor: pointer;
  }

  input[type="text"],
  textarea {
    padding: 0.5rem 0.5rem;
    border: none;
    overflow: visible;
    box-sizing: border-box;
  }

  input[type="text"],
  textarea,
  select {
    width: 100%;
  }

  legend {
    font-weight: bold;
    margin: 0.5rem 0;
  }

  button {
    background-color: color(blue);
    color: color(white);
    padding: 0.5rem 1rem;
    border: none;
    outline: none;
    cursor: pointer;
  }

  .checkbox {
    label {
      display: flex;

      input {
        margin-right: 0.5rem;
      }
    }
  }
}