.input-wrapper{flex-direction:column;width:400px;max-width:100%;display:flex;position:relative}.input-label{color:#000;text-transform:uppercase;margin-bottom:.5rem;font-family:Source Code Pro,monospace;font-size:.875rem;font-weight:600}.input{text-align:center;color:#000;background-image:url(../media/background.8ce466e8.jpg);background-position:50%;background-size:cover;border:1px solid #000;border-radius:10px;outline:none;width:100%;height:46px;padding:10px 15px;font-family:Source Code Pro,monospace;font-size:1rem;font-style:italic;font-weight:500;line-height:1.5rem;transition:box-shadow .2s ease-in-out,background-position .2s ease-in-out,border-bottom .2s ease-in-out;overflow:hidden;box-shadow:0 4px #feb662,0 5px #000}.input::placeholder{color:#00000080;font-style:italic}.input:hover{background-position:bottom}.input:focus{background-position:bottom;border-bottom:none;padding-bottom:11px;box-shadow:0 0 #feb662,0 1px #000}.input-error{color:red;margin-top:.25rem;font-family:Source Code Pro,monospace;font-size:.75rem}@media (max-width:768px){.input-wrapper{width:350px}.input{padding:8px 12px;font-size:.9rem;line-height:1.35rem}}@media (max-width:480px){.input-wrapper{width:100%}.input{padding:6px 10px;font-size:.85rem;line-height:1.25rem}}