*{
    margin: 0;
    padding: 0;
}
a{
    text-decoration: none;
    color: inherit;
}
ul li{
    float: left;
}

body{
    /*background: url("../images/bg.jpg");*/
}

div {
    position: relative;
    display: inline-block;
}

input {
    outline: none;
    border: none;
    background: #fafafa;
}

input ~ span {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background-color: #262626;
    transform: scaleX(0);
    transform-origin: right center;
    transition: transform 0.3s ease-in-out;
}

input:focus ~ span {
    transform: scaleX(1);
    transform-origin: left center;
}