*{margin:0;padding:0;box-sizing:border-box;list-style-type:none;text-decoration:none; font-weight:400}
html{font-size:10px;}
body{font-family: 'Poppins', sans-serif; background:#2b66cd; padding:5rem 2rem;}
input, textarea, select{width:100%; outline: none; font-family: 'Poppins', sans-serif; font-size:1.3rem; font-weight:300}
textarea{resize: none;}
input::placeholder{color: #fff !important; opacity: 1 !important;}
input::-webkit-input-placeholder{color: #fff !important; opacity: 1 !important;}
input:-ms-input-placeholder{color: #fff !important; opacity: 1 !important;}
.img{width:100%;height:auto}

#loginContainer{box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .2);  border-radius: 5px;   background-color: rgba(255, 255, 255, .15);   backdrop-filter: blur(5px);}
h1{color:#fff; font-weight:300; font-size:2rem; background:#2355a7; padding:1rem;border-top-left-radius: 5px;border-top-right-radius: 5px; text-align:center;text-transform:uppercase}
.loginBox{padding:2rem;}
.txtbox, .pwdbox, .txtbox2, .txtbox3{width:100%; height:35px; color:#222; border:1px solid rgba(255, 255, 255, .7); background-color: rgba(255, 255, 255, .3); padding:5px 10px;color:#fff;}
.txtbox2{width:90%;}
.captcha{width:100px; height:35px;position:relative;}
.captcha img{position:absolute; left:0; top:1px; height:35px}
.loginBox a{color:#fbd06a; font-size:1.4rem; line-height:170%;}
.loginBox a:hover{text-decoration:underline;}
.submitBox{display:flex; align-items:center; justify-content:center;}
.submitBtn{width:50%; border-radius:5px; padding:0.5rem 1rem; background:#30b46f; color:#fff; border:1px solid #299a5f; box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .2); font-weight:500; font-size:1.4rem; cursor: pointer;}

@media screen and (min-width:600px) {
	body{padding:0; display:grid; align-items:center; justify-content:center; height:100vh;}	
}

@media screen and (min-width:1024px) {
	#loginContainer{width:500px}
	h1{font-weight:300; font-size:3rem;}
	.loginBox{padding:0 5rem 3rem;}
}