@charset "UTF-8"; 
:root{
	--cl-blue:#1f9dd7;
}
body{
	font-family: 'Roboto', Arial, sans-serif	; margin:0;
	color: #cdcdcd;    
	min-height: 100vh;    
	background: radial-gradient(#333333 20%, #000000);/*0deg, #0e2057, #000000*/
	/*
	красивый фон небо глубина
	background-size: 100% 100%;
	background-position: 0px 0px;
	background-image: radial-gradient(75% 75% at 50% 50%, #00FFFFFF 0%, #073AFFFF 100%);
	*/
}
a{ 
	text-decoration:none; color:inherit; 
	-webkit-tap-highlight-color: transparent;
}
a:visited{color:inherit;}
.wrap-set-lang{
	position: absolute; left: 1px; top: 3px;	
}
.background-section{
	
}

.bg_text_raduga{	
	color: transparent;
	background: linear-gradient(72deg, #1bff00, #fbff54, #ff5b5b, #00c5ff);
    -webkit-background-clip: text;    
}
.bg_text2{
	font-family: 'RobotoMonoRegular';
	color: transparent;
	background: linear-gradient(45deg, rgba(0,26,255,1) 33%, rgba(250,0,0,1) 33%, rgba(250,0,0,1) 67%, rgba(255,255,255,1) 67%);
	
    -webkit-background-clip: text;    
}



.wrap-set-lang img{margin: 3px; filter:brightness(0.8); border-radius: 20%;}
.wrap-set-lang img:hover{cursor:pointer; outline-color:lime; filter:brightness(1)}
.wrap-set-lang input:checked + img{filter:none;}

.box_content{text-align:center;margin: 2em 0;} /*8a*/
header{
	padding-top: 10px;
}
section{font-family: 'RobotoMonoLight';font-size: 1.3em; text-align: justify; width: 60%; margin: 0 auto;}

h1,h2,h3{text-align:center; font-family: 'RobotoMed'; font-weight: normal;}
h1{display: flex; justify-content: center; align-items: center; font-size: xxx-large;}


ul{text-align: left;}

.wrap_connect{display: flex;flex-direction: column; font-size: 20px; Justify-content: space-evenly;}
.but_connect {
	margin: 2px auto; color: inherit; padding: 8px 20px;text-align: center;border-radius: 10px;width: 350px;
	transition: all .2s;
}
	.cl_0{background-color:#049ed9;}
	.cl_1{background: linear-gradient(0deg, #4d4d4d, #393939, #4d4d4d)}
	.cl_2{background: linear-gradient(0deg, #4d4d4d, #393939, #4d4d4d)}
.but_connect:hover{transform: scale(1.01);cursor:pointer;}


fieldset{
	width: 400px; border-color: #4b4b4b; 
	margin: 5px auto; border-style: solid; border-width: 1px;	
}
fieldset a{text-decoration: none; color: var(--cl-blue); transition: all .2s;}
fieldset a:hover{color: #00afff;}

/*#22acdd*/
form input{
	background-color: #00000024;
	border: 1px solid #4b4b4b; 
    color: #cfcfcf;
	padding: 10px; 
	border-radius: 5px; font-size: larger;width: -webkit-fill-available; margin-top:5px;
}
form textarea{
	background-color: #00000024;
	border: 1px solid #4b4b4b; 
    color: #cfcfcf;
	font-family: 'OpenSans_i'; padding: 10px;
	border-radius: 5px; font-size: larger; width: -webkit-fill-available; margin-top:5px;height:100px;
}


/*если вход с мобильного*/
@media only screen and (max-width : 700px) {	
	/*body{background-image: url(/img/bg_code1280.jpg)};*/
	.but_connect{width: 250px; align-self: center;}	
	fieldset{width: -webkit-fill-available; margin: 10px;}
	h1{flex-direction: column; margin-bottom: 10px;font-size: xx-large;}
	h2{margin-bottom: 10px;}
	section{font-family:'RobotoMonoRegular'; width: -webkit-fill-available;font-size: large; margin:5px 10px; }	
}