body {
	background-image: url("../../img/fon.png");
	box-sizing: border-box;
	color: #251254;

	font-family: 'Times New Roman', sans-serif;
	font-size: 16px;
}
#container{
	width: 320px;
}
header{
	display: grid;
	grid-template-columns: 100px 120px 100px;
	grid-template-rows: 130px 67px 53px;
	background-image: url('../../img/fon.png');
}
#shapka{
	grid-column: 1/4;
	grid-row: 2/3;
}
#logo{
	grid-column: 2/3;
	grid-row: 1/2;
}
#shapka img{
	width: 320px;
}
#logo img{
	width: 120px;
	margin-top: 5px;
}
nav{
	grid-column: 1/4;
	grid-row: 3/4;
}
nav img{
	width: 106px;
}
#ots{
	padding-left: 0;
}
#lin{
	height: 15px;
	background: linear-gradient(to top, #8DABDF, #8AAC01);
}
.hidden {
	display: none;
}
#fototop {
	display: none;
}
#dobro-2{
	width: 320px;
	height: 75px;
	background-image: url('../../img/main/dobro-320.jpg');
}
main{
	display: block;
}
article{
	grid-column: 1/2;
	grid-row: 1/2;
}
#fototop{
	height: 73px;
	padding-left: 5px;
}
#fototop img{
	width: 86px;
	padding-left: 4px;
}
aside{
	grid-column: 2/3;
	grid-row: 1/2;
	background-color: #8EACE0;
	border-radius: 20px;
	height: max-content;
}
.razm_pic_saide{
	width: 220px;
	margin: 0 auto;
	padding-left: 10px;
}
#kan_youtube {
	font-size: 13px;
}
#ssilki{
	width: 320px;
	margin: 10px 0;
}
#poes{
	width: 320px;
}
#youtube_ssil{
	height: 110px;
	background-color: #BFC1FA;
	border-radius: 20px;
}
#youtube_ssil p{
	margin: 10px 0 10px 35px;
	padding-top: 10px;
}
aside{
	width: 240px;
	margin: 10px auto 0;
}
#block_post{
	width: 320px;
	height: 450px;
	background-image: url('../../img/main/bgpost_320-232.png');
}
#kont{
	width: 280px;
	height: 260px;
	position: relative;
	top: 50px;
	left: 18px;
	border: 1px blue solid;
	border-radius: 40px;
	background-color: rgba(255, 255, 255, 0.8);
}
#zak{
	width: 264px;
	margin: 0 auto;
}
#zak p{
	font-size: 14px;
}
#otstup_l{
	padding-left: 54px;
}