/*
 Login Custom Theme
 Version: 1.0.0

@import url('https://fonts.googleapis.com/css?family=Abel&display=swap');
*/

#login h1 a{
	background-image: url('https://piotre.seeusoon.digital/wordpress/wp-content/uploads/2020/02/logo-piotre.svg');
	background-size: 174px;
	width: auto;
}

body.login{
	/*background:linear-gradient(135deg,#53f 15%,#05d5ff 70%,#a6ffcb 94%);*/
	/*background:linear-gradient(135deg,rgba(0, 64, 137,1) 35%,rgba(0, 48, 101,1) 100%);*/
	/*background: linear-gradient(135deg, rgba(1,53,126,1) 35%, rgba(0,21,51,1) 100%);*/
	/*background: #003877;
	background: #852ec7*/;
	/*font-family: 'Abel', sans-serif;*/
}

/*
https://neumorphism.io/#003877
https://codepen.io/exah/pen/Lqyem
*/
.login form#loginform{
	/*background:linear-gradient(150deg,#53f 15%,#05d5ff 70%,#a6ffcb 94%);*/
	/*border-radius: 5em;
	background: linear-gradient(325deg, rgba(0,0,0,.18), rgba(255,255,255,.03));
	box-shadow:  20px 20px 60px rgba(0,0,0,.23), 
	             -20px -20px 60px rgba(255,255,255,.08);
	border: 0 none;
	padding: 5em;*/
}
.login #loginform label{
	/*color: rgba(255,255,255,1);*/
}
.login #login{
	/*width: 400px;*/
}
.login #nav a,
.login #backtoblog a{
	/*color: rgba(255,255,255,.8);*/
}
.login #backtoblog,
.login #nav{
	text-align: center;
}

/*<div class="circles">
  <div class="circle"></div>
  <div class="circle"></div>
  
  <div class="circle-multiple">
    <div class="circle"></div>
    <div class="circle"></div>
    <div class="circle"></div>
  </div>
</div>*/