* {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

#search {
    margin: 20px;
    height: 40px;
    padding: 10px;
    width: 200px;
    transition: 0.8s all;
    border: 1px solid #0081cb;
}

#search:focus {
    width: 100%;
    transition: 0.8s all;
}