@import url('https://fonts.googleapis.com/css?family=Roboto:400,700,900&display=swap');

body {
    font-family: 'Roboto', sans-serif;
    background:url('bg.jpg') no-repeat top center,#64B4F2;
    background-size: cover;
}
.card-login {
    margin-top: 50%;
    border-radius:30px;
    border: 0;
    background-color: rgba(0,0,0,0.2);
    color:#fff;
}
hr {
    border-color: #fff;
}
.btn {
    border:0;
    border-radius: 1000px;
}
.btn-primary {
    background-color: #9c27b0;
}
.btn-primary:hover,
.btn-primary:focus {
    outline: none !important;
    background-color:#6a0080;
}
.form-control {
    border-radius: 1000px;
    border:0;
    outline: none !important;
}
.form-control:hover,
.form-control:focus {
    outline: none !important;
}
input:focus, input.form-control:focus {
    outline:none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
.has-icon {
    position: relative;
}
.has-icon img {
    position: absolute;
    top:12px;
    left:10px;
}
.has-icon .form-control {
    padding-left: 50px;
}