@import url("css/reset.css");
/*@import url('https://fonts.googleapis.com/css?family=Tajawal:300,400,700,900');*/
@import url('https://fonts.googleapis.com/css?family=Oswald');


 
body {
  background-image: url("https://voters.jasonbaumann.net/NewFaceG.jpg");
}

.logo-login {
}

  
input[type="text"],[type="password"]
                {
                background: none;
                font-family: 'Tajawal', sans-serif;
                font-size: 1.25em;
                padding: 8px;
                margin-bottom: 16px;
                width: 25%;
                margin-top: 10px;
                border: 0px;
                border-bottom: 2px solid white;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                transform: blur(5px);
                color:white;
                transition: 200ms;
                }
                
input[type="text"]:focus,[type="password"]:focus {
    background: rgba(0,0,0, 0.1);
    transition: 200ms;
}

input[type="submit"]
                {
                    
                font-family: 'Tajawal', sans-serif;
                font-size: 1.25em;
                padding: 10px 60px 10px 60px;
                margin-top:30px;
                background: none;
            	color: #fff;
            	border: 2px white solid;
            /*	border-bottom:3px solid #2c034a;*/
            	cursor: pointer;
            	-webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                transition: 200ms;
                font-weight: bold;

                
                }
                
 input[type="submit"]:hover
                {
                font-family: 'Tajawal', sans-serif;
                font-size: 1.25em;
                margin-top:30px;
                background: white;
                transition: 200ms;
            	color: #6EBA44;
            	}
form
                {
                text-align: center;
                }
h1
                {
                font-weight: 300;    
                margin-bottom: 0px;
                }
img
   {
     margin:40px 0px;    
     }
                
                
                
/** MEDIA QUERIES **/

@media only screen and (max-width: 767px) {
  
  input[type="text"], [type="password"] {
      width:80%;
  }
  .logo-login {
      width: 80%;
      margin-top: 10%;
  }
  


  
 
}