/* САЙТ */
	
	/* РАЗРЕШЕНИЯ для перестройки шаблона */ 
	/* ПК 1024 - 1920 */
	/* Планшет 900 - 1024 */
	/* Планшет 600 - 900 */
	/* Мобильный 320 - 412 */
	/* Мобильный 412 - 600 */ 

	/* ШРИФТ */
	
body {font-family: "Rubik", sans-serif;}
p, html {font-size: 16px;}
@media all and (min-width: 1460px) { p, html {font-size: 18px;} }
@media all and (min-width: 1600px) { p, html {font-size: 20px;} }
@media all and (min-width: 1760px) { p, html {font-size: 22px;} }
@media all and (min-width: 1900px) { p, html {font-size: 24px;} }
@media all and (max-width: 600px) {	p, html {font-size: 16px;} }
h2 {font-size: 1.6rem; text-align: center; margin: 40px 0;}


	/* СТИЛИЗАЦИЯ ФОРМ */
	
	/* все поля */
input, date, datetime-local, select, textarea, button.button, a.button, .butgrey {display: inline-block; padding: 10px 20px; margin: 5px 2px; box-sizing: border-box; border: 1px solid #4d4d4d; border-radius: 10px; font-size: .9rem;}
	/* кнопки */
input[type=submit], input[type=button], button.button, a.button, .butgrey {color: white; cursor: pointer; background-color: var(--color); border: 1px solid var(--color_dark); font-weight: bold; transition: .4s; line-height: 1;}
.butgrey {color: #222222; background-color: #dddddd; border: 1px solid #b2b2b2;}
	/* наведение */
input[type=submit]:hover, input[type=button]:hover, button.button:hover, a.button:hover {background-color: var(--color_dark); transition: .4s;}


	/* ЦВЕТА */
	
:root {
	--color: #23b3ff; /* orange */
	--color_light: #86D5FF;
	--color_dark: #4494BF;
}
.color  {color: var(--color);}
.fon_grey {background-color: #f5f5f5;}


	/* ШАПКА */

#top {padding-top: 20px; padding-bottom: 20px;}
#top img.logo {height: 50px;}
#top .flex {width: 100%; justify-content: space-between; align-items: center;}
#top .menu {background-color: var(--color); padding: 10px 20px; border-radius: 20px;}
#top .menu a {display: inline-block; padding: 5px 20px; font-weight: bold; color: white;}
#top .login {}
#top .login a {display: inline-block; padding: 5px 10px; font-weight: bold;}
#top .login a.grey {color: #666;}

#top .login img.exit {height: 20px; margin: 4px 0 -4px 0;}

#title > div {max-width: 80%;}
#title h1 {font-size: 3rem; text-align: center;}