*::-webkit-scrollbar{
	width:10px;
	background:#ecf0f1
	}
*::-webkit-scrollbar-thumb{
	background:#01c4d5;
	width:5px;border-radius:30px 30px 30px 30px
}
*::-webkit-scrollbar-thumb:hover{
	box-shadow:0 0 35px #01c4d5
	}
body{
	margin:0;
	padding:0;
	width:100%;
	height:auto;
	display:flex;
	flex-wrap:wrap;
	background: linear-gradient(-45deg, #5b5b5f, #cacacb ,#5b5b5f);
	}
main{
	width:100%;
	height:100vh;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center
	}
form{
	width:300px;
	height:500px;
	background: linear-gradient(-45deg, #5b5b5f, #cacacb ,#5b5b5f);
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	border-radius:40px;
	box-shadow:5px 5px 5px #333;
	transition:.3s;
}
form:hover{
	box-shadow:5px 10px 5px #333;
	transition:.3s}
.logoheaderform{
	width:80%;
	height:200px
	}
.logoheaderform img{
	width:100%;
	height:100%}
form input[type='text']{
	width:80%;
	height:30px;
	background:transparent;
	color:#fff;
	border:0;
	outline:0;
	font-family:'open sans',sans-serif;
	font-size:14px;
	font-weight:700;
	text-align:center;
	padding:15px;
	border-radius:40px 40px 40px 40px;
	transition:.5s;}
	
form input[type='text']:hover{
	border-bottom:2px solid #cacacb;
	transition:.5s;
	}
form input[type='password']{
	width:80%;height:30px;
	background:transparent;
	color:#fff;
	border:0;
	outline:0;
	font-family:'open sans',sans-serif;
	font-size:14px;
	font-weight:700;
	text-align:center;
	padding:15px;
	border-radius:40px 40px 40px 40px}
form input[type='password']:hover{
	border-bottom:2px solid #cacacb;
	transition:.5S}
form input[type='submit']{
	width:50%;height:30px;
	background:#cacacb;
	font-family:'open sans',sans-serif;
	font-size:14px;
	font-weight:700;
	border:0;
	outline:0;
	border-radius:10px 10px 10px 10px;
	cursor:pointer;
	transition:.5S}
form input[type='submit']:hover{
	color:#fff;
	background:#5b5b5f;
	transition:.5S}