@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;700&display=swap');
body.login{
  font-family: 'Nunito', sans-serif;
  background: #202020;
}
#login h1 a {
background-image: url("../img/nav-logo.png");
background-size: contain;
background-position: center center;
width: 300px;
}
.login form{
box-shadow:none;
padding:20px;
}
#login {
background: #FFF;
margin: 50px auto;
padding: 40px 20px;
width: 400px;
border-radius: 6px;
box-shadow: 3px 6px 10px rgba(0,0,0,.6);
position: relative;
z-index: 5;
background: #FFFFFF;
}
#login:after{
  content: '';
  display: block;
  width: calc(100% - 30px);
  position: absolute;
  height: 100%;
  left: 15px;
  top: 7.5px;
  background: #FFFFFF;
  opacity: .8;
  z-index: -2;
  border-radius: 6px;
}
.login label {
color: #555;
font-size: 14px;
}
.login form .forgetmenot{
float:none;
}
#login form p.submit{
margin-top:15px;
}
.login #backtoblog a:hover, .login #nav a:hover{
  color: #ff1a00;
}
.wp-core-ui .button, .wp-core-ui .button-secondary{
  color: #ff1a00;
}
.login form .input:hover, .login input[type=password]:hover, .login input[type=text]:hover,
.login form .input:focus, .login input[type=password]:focus, .login input[type=text]:focus{
  outline: none !important;
  box-shadow: none !important;
  border-color: #000000;
}
.login.wp-core-ui .button-primary {
background: #FF7802;
border-color: #FF7802;
box-shadow: 0 1px 0 #7B417A;
color: #FFF;
text-shadow: none;
float: none;
clear: both;
display: block;
width: 100%;
padding: 7px;
height: auto;
font-size: 15px;
border-radius: 40px;
text-transform: uppercase;
font-weight: 700;
}