@font-face {
    font-family: Gotham;
    src: url('gotham-rounded-bold.ttf');
}

@font-face {
    font-family: Gotham Light;
    src: url('gotham-light.ttf');
}

*{
    padding: 0;
    margin: 0;
}

body{
    display: inline-block;
    background: #7700FF;
    background: -moz-linear-gradient(left, #9e4040 0%, #b74444 10% , #7700FF 50%, #bf4848 90%,#b74444 100%);

}

h1{
    text-indent: -50000px;
}

section{
    width: 500px;
    overflow: hidden;
    margin: auto;
    text-align: center;
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-150px;
    margin-left:-250px;
}

img{
    width: 191px;
    height: 101px;
}

input[type="email"],input[type="password"]{
    background: none;
    -webkit-background-color: rgba(255,255,255,0.0);

    border: 1px solid #fff;
    width: 300px;
    height: 40px;
    color: white;
    font-family: "Gotham Light";
    font-size: 20px;
    padding-left: 5px;
    padding-right: 30px;
    margin: 15px;
}



input[type="email"]{

    background-image: url('images/us.png');
    background-repeat: no-repeat;

    background-size: 6%;
    background-position: 305px center;
}

input[type="password"]{
    background-image: url('images/pass.png');
    background-repeat: no-repeat;
    margin-left: 19px;
    background-size: 4%;
    background-position: 310px center;
}

input:-webkit-autofill,
select:-webkit-autofill {

    -webkit-background: black;
    color: rgb(0, 0, 0);

}

input[type="submit"]{
    width: 335px;
    height: 40px;
    font-family: Gotham;
    border: 0px solid #000;
    background-color: rgba(106,34,146,.04);
    color: white;
}

input[type="submit"]:hover{
    background-color: white;
    transition: 1s;
    color: black;
}