html,body{background:#f8f8f0;height:100%;width:100%;}
	a{text-decoration:none;}
	@media screen and (min-width:500px){
		.login{
			height:auto;width:420px;margin:0 auto;box-shadow:0px 3px 6px rgba(0,0,0,0.3);background:#fff;min-height:200px;border-radius:4px;
			margin-top:1%;font-family:cambria;padding:10px;
		}
		.login select, input[type=text],[type=password],[type=number],[type=email]{padding:10px;width:85%;border:0px;border-bottom:1.5px solid #7B68EE;
		font-family:sniglet;color:#27132B;font-size:16px;}
		.contents{width:90%;margin:0 auto;text-align:center;font-family:sniglet}
	}	
	@media screen and (max-width:500px){
		.login{
			height:auto;width:;margin:0 auto;box-shadow:0px 3px 6px rgba(0,0,0,0.3);background:#fff;min-height:200px;border-radius:4px;
			margin-top:20px;font-family:sniglet;padding:8px;
		}
		.login select, input[type=text],[type=password],[type=number],[type=email]{
			padding:10px;width:80%;border:0px;border-bottom:1.5px solid #191970;font-family:sniglet;color:#191970;font-size:18px;
		}
		.contents{width:95%;margin:0 auto;text-align:center;font-family:sniglet}
	}
	select{background:#fff;}
	.login input:focus,select:focus{ outline:none;border-bottom:2px solid #008fff; }
	.login #sbtn{ width:95%;padding:9px;background:#222119;border:1px solid #27132B;cursor:pointer;color:#fff;font-weight:bold;outline:none;border-radius:3px;}
	::placeholder{color:#222119;}
	#succ{color:#fff;padding:10px;background:green;text-align:center;}
	#error{color:#ff4500;font-family:sniglet;background:rgba(255,127,80,0.15);padding:8px;border:1px solid pink;}