body{
background-color: white;
background: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.7)), to(rgba(0,0,0,.8))), url('../img/fon2.jpg');
background: -o-linear-gradient(left, rgba(0,0,0,.7), rgba(0,0,0,.8)), url('../img/fon2.jpg');
background: linear-gradient(to right, rgba(0,0,0,.7), rgba(0,0,0,.8)), url('../img/fon2.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: center center; 
}


input{
	width: 40vw;
	height: 50px;
	border: #9B9B9B 10px solid;
	text-align: center;
	font:20px akadem;
}
strong{
	color: white;
}

.reg{
	width: 98vw;
	height: 80vh;
	padding-right: 20px;
	
}


.but_reg{
margin-bottom: 40px;

}
	

.reg, .reg_start{
	margin-top: 10vh;
	display: flex;
	flex-direction:  column;
	justify-content: space-around;
	height: 40vh;
	margin-left: 20px;

}



input{
	
	/* border-radius: 70%; */
/* border-top-left-radius: 50%;
border-bottom-right-radius: 50% */
}
strong{
	font-size: 19px;
}

	


@media only screen and (max-width:  600px) {

input{
width: 60vw;}

	}

@media only screen and (max-height:  650px) {
.avtoriz, .reg1{
	margin-top: 25vh;
}

}

@media only screen and (max-height:550px) {



	.reg_login{

		margin-top: 60px;
	}


	.reg1{
	
	flex-direction:  row;
	justify-content: space-around;
	

}

}

	@media only screen and (max-height:470px) {

.vhod_login{
margin-top:-30px;
	}


	.p2{
		margin-top:-20px;
	}

	.inp{
		margin-top:-10px;
	}


strong{
	font-size: 13px;
}
	
input{
height: 30px;
border-width: 3px;
	}

	.line{

		display: none;
	}

.reg_start{
	margin-top: 4vh;
}



.avtoriz{
	margin-top: 30vh;
}




}