$heading-size: 2.8rem;
$heading-bottom-margin: 40px;
@for $i from 1 through 4 {
    $heading-size: $heading-size - 0.4;
    $heading-bottom-margin: $heading-bottom-margin - 10;

    h#{$i} {
        font-size: $heading-size;
        margin-bottom: $heading-bottom-margin;
    }
}

input, textarea {
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    &::-ms-clear {
        display: none;
    }
}

input[type="hidden"] {
  display: none;
  opacity: 0;
  pointer-events: none;
}

textarea {
    resize: none;
    border: none;
    overflow-y: auto;
    background: transparent;
}

button, .button {
    cursor: pointer;
    outline: none;
    border: none;
    background-color: transparent;
}

.flex {
    display: flex;
    justify-content: center;
    align-items: center;
}

.transition {
    transition: 200ms all ease-in
}

ol, ul {
    margin-left: 40px;
    margin-top: 10px;
    margin-bottom: 10px;
    li {
        padding-bottom: 2px;
    }
}

img {
  max-width: 100%;
  height: auto;
}