FB simple login page by him

/* ==UserStyle==
@name           FB login page
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document domain("facebook.com") {
    /* Insert code here... */
	._6luv{
		position: fixed;
		width: 500px;
		height: calc(100%);
		left: 60%;
		top: 30%;
		
		background-color: #2d2d2dc2;
		backdrop-filter: blur(7px);
		border-radius: 20px
		}
		
	._8esl{
		position: fixed;
		left: 20%;
		top: 30%;
		
	}
	html, body{
		background: #141414;
	}
	#facebook ._8esj._8esf._8icx._8opv ._8eso{
		color: white
	}
	._8ice{
		width: 900px
	}
	._8opy, #reg_pages_msg{
		display: none
	}
	._8esj{
		background: #444;
		background-repeat: no-repeat;
		background-size: cover;
		height: 100vh;
		overflow: hidden;
		background-blend-mode: color;
    background-color: hsla(0, 0%, 13%, 0);
		color: #0f0f0f
	}
	/*https://images.unsplash.com/photo-1511367461989-f85a21fda167?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1031&q=80*/
	/*https://static.vecteezy.com/system/resources/previews/002/037/924/original/abstract-blue-background-with-beautiful-fluid-shapes-free-vector.jpg*/
	._9vtf{
		margin-top: 50px
	}
	._8icz{
		animation: glow 1s ease-in-out infinite alternate;
		height: 2px;
		box-shadow: 4px 14px 42px #646464a6;
    
    border-radius: 100%;
	}
	._6lux{
		
		
		background-color: #4d3fb108;
	
	}
	::-webkit-scrollbar{
		width: 0px
	}
	._8icy._9ah- ._6lth{
		background-color: #1d3db9;
		backdrop-filter: blur(20px);
		box-shadow: 4px 5px 42px #161616a6;
		border-radius: 100px;
		color: #d7d7d7;
		letter-spacing: 20px;
		transition: 0.5s ease;
		animation: splash 1s normal forwards ease-in-out;
	}
	._8icy._9ah- ._6lth:hover{
		color: #fff;
		letter-spacing: 2px;
		animation: hover 1s infinite alternate ease-in-out;
	}
	.inputtext{
		background-color: #000
	}
}