Почему моя форма не работает

Question

Выполнение упражнений по созданию портфолио freecodecamp. Должно быть легко в теории, но у меня есть небольшая проблема, которую я не могу понять.

Я хочу избавиться от границы и контура (если сосредоточиться) на моей форме контактной зоны, но она не работает.

Вот мой codepen - https://codepen.io/illpill/pen/WRgoVo?editors=1100

input, textarea { 
    color: #333 !important; 
    width: 100% !important; 
    border-bottom: 2px solid #666 !important; 
    border-top: 0px !important; 
    border-right: 0px !important; 
    border-left: 0px !important; 
    background-color: #e3e3e3 !important; 
    font-size: 22px !important; 
} 

input:focus { 
    outline: none !important; 
} 

Это КСС в вопросе. Что я делаю не так?

Answer 1

Добавить эту CSS

.form-control:focus { 
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075); 
} 

демо - https://codepen.io/anon/pen/rjXPpy?editors=1100