/* to have the curve effect on the top and bottom */
section {
    background-color: hsl(0, 0%, 9%);
}

.inner-wrapper .form-section {
    width: 450px;
    padding: 30px;
}

.max-chars {
    font-weight: 100;
    opacity: .7;
    font-family: Times, serif;
}

.inp {
    border-radius: 8px;
    padding: 5px 11px;
    border: 0.1px solid black;
    margin: 3px 0;
}

.submit-button {
    cursor: pointer;
    border: 1px solid hsl(180, 100%, 97%);
    padding: 8px 16px;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 500;
    color: hsl(180, 100%, 97%);
    background-color: hsl(195, 36%, 18%);
    box-shadow: 2px 2px 5px hsla(0, 0%, 0%, .4);
}

.submit-button:hover {
    scale: 1.06;
}

.cta-container.last {
    background: none;
    box-shadow: none;
}