body {
    white-space: pre;
    background: rgb(243 243 246);
}
body:has(#login) {
	scroll-snap-type:x mandatory;
	overflow-x:auto;
	display:contents;
	display:flex;
	user-select:none;
	color:#6e6e6e;
}
#login {
	padding:0 10px 50px;
	max-width:500px;
	width:100%;
	margin: auto;
	
	
	body {
    white-space: pre;
	background: rgb(243 243 246);
	font-size: 15px;
}
	body:has(#login) {
 scroll-snap-type:x mandatory;
	overflow-x:auto;
	display:contents;
	display:flex;
	user-select:none;
	color:#6e6e6e;
}
#login {
	padding:0 10px 50px;
	max-width:500px;
	width:100%;
}
#login
	h1 {
 font-weight:bold;
	font-size:30px;
	text-align:center;
	line-height:120px;
	font-weight:normal;
	display:block;
}
#login
	input:not(h1) {
 min-width:260px;
	max-width:280px;
	border-radius:4px;
	margin-top:1px;
	font-weight:bold;
	min-height:44px;
}
 #login
	input[value="enter"] {
 background:#3388ff url(/img/arrow.svg) no-repeat center/14px;
 url(
	no-repeat center/14px);
	border-radius:50%;
	min-width:auto;
	width:44px;
	font-size:0;
	margin:20px auto;
}
	@media (hover:none) or (pointer:coarse) {
 #login {
  margin-top:10vh;
 }
 #login input:not(h1,[type=
	"submit"]) {
  height:48px;
	max-width:480px;
 }
};
}
#login h1 {
	font-weight:bold;
	font-size:30px;
	text-align:center;
	line-height:120px;
	font-weight:normal;
	display:block;
}
#login input:not(h1) {
	min-width:260px;
	max-width:280px;
	border-radius:4px;
	margin-top:1px;
	font-weight:bold;
	min-height:44px;
	font-size: 15px;
}
	#login input[value="enter"] {
	background:#3388ff url(/img/arrow.svg) no-repeat center/14px;
	url( no-repeat center/14px);
	border-radius:50%;
	min-width:auto;
	width:44px;
	font-size:0;
	margin:20px auto;
}
@media (hover:none) or (pointer:coarse) {
	#login {
		margin-top:10vh;
	}
	#login input:not(h1,[type="submit"]) {
		height:48px;
		max-width:480px;
	}
}