* {
	/*box-sizing: border-box;*/
}
A:link{
	color:#666666;
	text-decoration:none;
}
A:visited{
	color:#666666;
	text-decoration:none;
}
A:hover{
	color:#000000;
	text-decoration:underline;
}A:active{
	color:#000000;
	text-decoration:underline;
}
html {
}
body {
	background-image: url(pic/fon.jpg);
	background-attachment: fixed;
	background-repeat: repeat;
	font-family: "Times New Roman", Times, serif;
	padding: 10px;
}
header.top {
	grid-area: head;
	text-align: center;
	letter-spacing: 14px;
}
nav.side {
	grid-area: side;
}
ul.news,
ul.news > li {
	list-style-type: none;
	padding: 0;
	margin: 12px 0 12px 0;
	vertical-align: top;
}
ul.news > li > ul,
ul.news > li > ul > li {
	list-style-type: disc;
	padding: 0;
	margin: 6px 0 6px 20px;
	vertical-align: top;
}
nav > ul, 
address > ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
nav > ul > li > ul, 
address > ul > li > ul {
	list-style-type: none;
	padding-left: 1em;
	margin: 6px 0 6px 0;
	vertical-align: top;
}
nav > ul > li, 
nav > ul > li > ul > li,
address > ul > li, 
address > ul > li > ul > li {
	list-style-type: none;
	padding: 0;
	margin: 0 0 6px 0;
	vertical-align: top;
}
main {
	grid-area: main;
}
footer {
	grid-area: foot;
}
nav.lang {
	grid-area: lang;
	text-align: center;
	letter-spacing: 3px;
}
address {
	grid-area: auth;
}
.wrapper > header, nav, main, footer, address {
/* 	border: 1px solid #ffa94d; */
	border: 1px solid #aaaaaa;
	border-radius: 5px;
/* 	background-color: #ffd8a8; */
	background-color: #ffffff;
	padding: 1em;
/* 	color: #d9480f; */
}
.wrapper {
	display: grid;
	grid-gap: 10px;
	grid-template: 
	"head head head head"
	"lang main main main"
	"side main main main"
	"auth main main main"
	"foot foot foot foot";
	grid-template-columns: minmax(min-content, max-content) 1fr 1fr 1fr;
	grid-template-rows: max-content max-content max-content 1fr max-content;
	align-items: start;
}
#warning1 {
	background-color: #ffffff;
	border-radius: 5px;
	border:1px solid black;
/* 	padding: 6px; */
	max-width: 900px;
}
#text1,
#text2,
#text3,
#text4,
#text5,
#text6 {
/* 	width: 300px; */
}
#bigtextarea {
	height: auto;
}
#bigtext {
	background-color: white;
	border-color: #CED4DA;
	border-style: solid;
	border-width: 1px;
	border-radius: 4px;
	padding: 5px;
	height: 400px;
	overflow: auto;
}
#bigtext[placeholder]:empty:before {
	content: attr(placeholder);
	color: grey; 
}
#bigtext:focus {
	outline: 0;
	border-color: #80BDFF;
	-webkit-box-shadow: 0px 0px 0px 3px rgba(191,222,255,1);/* #BFDEFF */
	-moz-box-shadow: 0px 0px 0px 3px rgba(191,222,255,1);/* #BFDEFF */
	box-shadow: 0px 0px 0px 3px rgba(191,222,255,1); /* #BFDEFF */
}
#progress {
	width: 100%;
}
#morph_popup_wordform,
#morph_popup_lemma,
#morph_popup_prefix,
#morph_popup_midfix,
#morph_popup_postfix,
#morph_popup_case {
	width: 300px;
}
/* @media only screen and (orientation: portrait) and (max-width: 800px) { */
@media only screen and (max-width: 800px) {
	body {
		padding: 5px;
	}
	.wrapper > header, nav, main, footer, address {
		padding: 0.5em;
	}
	.wrapper {
		display: grid;
		grid-gap: 5px;
		grid-template: 
		"head head head head"
		"lang lang lang lang"
		"side side auth auth"
		"main main main main"
		"foot foot foot foot";
		align-items: normal;
	}
	#bigtext {
		height: 200px;
	}
}
/* @media only screen and (orientation: portrait) and (max-width: 500px) { */
@media only screen and (max-width: 600px) {
	body {
		padding: 5px;
	}
	.wrapper > header, nav, main, footer, address {
		padding: 0.5em;
	}
	.wrapper {
		display: grid;
		grid-gap: 5px;
		grid-template: 
		"head head head head"
		"lang lang lang lang"
		"side side side side"
		"auth auth auth auth"
		"main main main main"
		"foot foot foot foot";
	}
	#text1,
	#text2,
	#text3,
	#text4,
	#text5,
	#text6 {
/* 		width: 100px; */
	}
	#morph_popup_wordform,
	#morph_popup_lemma,
	#morph_popup_prefix,
	#morph_popup_midfix,
	#morph_popup_postfix,
	#morph_popup_case {
		width: 100px;
	}
}