@font-face {
    font-family: 'Kenteken';
    src: url('/media/css/kenteken.ttf');
}

input.kentekenveld {
    font-family: 'Kenteken';
    font-size: 32px;
    width: 240px;
    height: auto;
    line-height: auto;
    border: 2px solid #333 !important;
    border-radius: 6px;
    color: #333 !important;
    text-transform: uppercase;

    padding: 5px 6px 4px 38px;
    background: #f4be04;
    background: -moz-linear-gradient(left, #2763a2 34px, #f4be04 34px);
    background: -webkit-linear-gradient(left, #2763a2 34px, #f4be04 34px);
    background: linear-gradient(to right, #2763a2 34px, #f4be04 34px);
    text-align: center;
    text-shadow: -1px -1px 2px rgba(255, 255, 255, 0.7);
}
input.kentekenveld::placeholder {
    color: #c49a03;
    text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.5);
}

input.kentekenveld:focus {
    -webkit-box-shadow: 0 0 1px 1px #f4be04;
    box-shadow: 0 0 1px 1px #f4be04;
}