@font-face {font-family: Noto Color Emoji; src: url(/fonts/Noto_Color_Emoji/NotoColorEmoji-Regular.ttf);}
*{margin: 0; box-sizing: border-box;}
body{
	font-family: sans-serif; background-color:#e7e7e7;
	font-size: large;	
}
.box_select_lang{position: absolute;	right: 10px; top: 10px;    font-size: small;}
.box_select_lang::before{content: '\1F310';}
.box_select_lang select{
	font-size: inherit;
	font-family: "Noto Color Emoji", serif;
	border: 1px solid #c9c9c9;
    padding: 3px;
}
.box_select_lang option{
	
}	
.box_select_lang .flag_ru{	
	background-image: url(../img/sys/ru.svg);	
}	
.box_center{
	margin: 0 auto;
	display: flex;    
    align-content: center;
    justify-content: center;
    align-items: center;
	height: 80vh;
}
.reg_form{	
	display: flex;
    flex-direction: column;
    align-content: center;    
    align-items: center;
	
}
input[type='text'], input[type='password'], input[type='email'] {		
    outline: none;
	font-size: inherit;	
	border: none;
	font-family: system-ui;
	min-width: 250px;
}
.but{
    width: -webkit-fill-available;
    background-color: #abddff;
    padding: 10px;
    margin: 1em;
    border: 1px solid #fff;
    font-size: inherit;
    border-radius: 10px;
}
.but:hover{
	cursor:pointer;
	border-color: #d7d7d7;
}
.bg_enter{	
	background-image: url(../img/sys/enter.svg);
    background-position: right;
    background-size: contain;
    background-repeat: no-repeat;
}

.wrap_input{	
	margin: 3px 0 10px 0;
	background-color: white;
    padding: 3px 0.5em;
	border-radius: 4px;
	border: 1px solid #d3d3d3;
}
.wrap_input span{	
	color: grey;
	font-size: 0.8em;
}