#one {
    width: 20%;
    margin-bottom: 0.01in;
    height: 0.25in;
    border-radius: 7px;
    border: 1px;
    border-style: solid;
    transition: 0.4s ease-in-out;

}
#one:focus {
    width: 50%;
}
#two {
    width: 20%;
    margin-bottom: 0.01in;
    height: 0.25in;
    border-radius: 7px;
    border: 1px;
    border-style: solid;
    transition: 0.4s ease-in-out;
}
#two:focus {
    width: 50%;
}
#three {
    width: 20%;
    margin-bottom: 0.01in;
    height: 0.25in;
    border-radius: 7px;
    border: 1px;
    border-style: solid; 
    transition: 0.4s ease-in-out;
}
#three:focus {
    width: 50%;
}
#four {
    width: 20%;
    margin-bottom: 0.01in;

    height: 0.25in;
    border-radius: 7px;
    border: 1px;
    border-style: solid;
    transition: 0.4s ease-in-out;
}
#four:focus {
    width: 50%;
}
#five {
    width: 20%;
    margin-bottom: 0.01in;
    height: 0.25in;
    border-radius: 7px;
    border: 1px;
    border-style: solid;
    transition: 0.4s ease-in-out;
}
#five:focus {
    width: 50%;
}
#six {
    width: 10%;
    height: 0.25in;
    border-radius: 7px;
    border-style: solid;
    border: 1px;
    background-color: #fff;
    transition: 0.3s ease-in-out;
}
#six:hover {
    background-color: #eee;
}
form {
    font-size: 0;
}
form input {
    font-size: 12pt;
}