.codeValidateForm {
    display: flex;
}

.codeValidateForm input {
    margin: 0 10px 20px 0;
    height: 45px;
    font-size: 1.33em;
    border: solid 1px black;
    box-shadow: 0 0 5px #808080 inset;
    outline: none;
    width: 150px;
    transition: all .2s ease-in-out;
    border-radius: 3px;
    padding: 0px 20px;
    letter-spacing: 0.25em;
    text-align: center;
}

.codeValidateForm input:focus {
  border-color: #1684d3;
  box-shadow: 0 0 10px #1684d3 inset;
}

.inputError input {
  border-color: rgb(194, 76, 76);
  box-shadow: 0 0 10px rgb(194, 76, 76) inset;
}
  
.codeValidateForm input::selection {
  background: transparent;
}

@media screen and (max-width: 700px) {
    .codeValidateForm input {
        width: 60%;
        max-width: 150px;
        padding: 0px 20px;
        min-width: 140px;
    }
}