
@keyframes h1{
	0% {color: #000000;}
	10% {color: #FC0105;}
	20% {color: #F88503;}
	30% {color: #FBEA05;}
	40% {color: #23FB02;}
	50% {color: #04DFF9;}
	60% {color: #040AF8;}
	70% {color: #8703F8;}
	100% {color: #000000;}
}

span {color: #F70307;font-style: bold;}
body {
	width: 70%;
	height: 100%;
	padding: 10px 0px;
	margin: 0px 0px;
	
	position: relative;
	left: 15%;
	background-color: #B0F9D8;
}
header {
	
	width: 100%;
	height: auto;
    float: left;    
}

.p1 {
	margin: 24px 0px 0px 0px;
	padding: 0px;
    }

header p{
	margin: 0px 100px; 
	padding: 0px; 
	font-family: Arial; 
	font-size: 250%; 
	text-align: left;
	text-shadow: 5px 5px 10px #ffffff;
    }
.logo_img {
	float: left;
	width: auto;
	height: auto; 
	border-radius: 10px; 
	margin: 0px 30px 0px 0px;
    }

.deviz {
	width: 100%; 
	height: auto; 
	font-family: Arial; 
	font-size: 200%; 
	font-style: italic; 
	text-align: left; 
	margin: 50px 0px 10px 0px;
}
/*меню*/

.menu{width: 100%;height: auto;margin: 0px 0px 30px 0px;padding: 0px;}
.main{float:left;width: 23%;height: auto;color: #000; font-family: Arial;font-size: 150%;font-weight: bolder;text-align: center;margin: 0px 5px 30px 0px;padding: 0px;background-color: #60e58f;border-radius: 5px;}
.store{float:left;width: 23%;height: auto;color: #000;font-family: Arial;font-size: 150%;font-weight: bolder;text-align: center;margin: 0px 5px 30px 0px;padding: 0px;background-color: #60e58f;border-radius: 5px;}
.feedback{float:left;width: 23%;height: auto;color: #000;font-family: Arial;font-size: 150%;font-weight: bolder;text-align: center;margin: 0px 5px 30px 0px;padding: 0px;background-color: #60e58f;border-radius: 5px;}
.about{float:left;width: 23%;height: auto;color: #000;font-family: Arial;font-size: 150%;font-weight: bolder;text-align: center;margin: 0px 5px 30px 0px;padding: 0px;background-color: #60e58f;border-radius: 5px;}

.main:hover{background-color: #acf4fc;border: 2px solid #60e58f;}
.store:hover{background-color: #acf4fc;border: 2px solid #60e58f;}
.feedback:hover{background-color: #acf4fc;border: 2px solid #60e58f;}
.about:hover{background-color: #acf4fc;border: 2px solid #60e58f;}

/*меню конец*/




/*Заголовок*/
.h1 {
	font-family: Arial; 
	text-shadow: 5px 5px 10px #ffffff; 
	padding: 0px; margin: 0px 0px 0px 0px; 
	text-align: center; 
	font-size: 300%;
    /*animation-name: h1; animation-duration: 3s;animation-timing-function: ease-in-out; animation-iteration-count:infinite;*/
    }

/*Статья*/

.pre{ text-align:center; 
	  margin: 0px 0px 40px 0px; 
	  padding: 0px; 
	  width: 93%; 
	  height: 100%;
	  border-radius: 10px;
	  background: linear-gradient(270deg, #acf4fc, #60e58f);
	/*border: 1px solid #000;*/}

.pre_img1{
	float:left;
	width: 300px;
	height: auto;
	margin: 0px 20px 0px 0px; 
	padding: 0px;
	border-radius: 20px;
	}
.pre_text1{text-indent: 40px; margin: 30px 0px 0px 0px;padding: 0px; width: 100%;height: auto;font-family: Arial; font-size: 150%; text-align: justify;}

.pre_img2{
	float:right;
	width: 300px;
	height: auto;
	margin: 20px 0px 0px 20px; 
	padding: 0px;
	border-radius: 20px;
	}
.pre_text2{text-indent: 40px; margin: 0px 0px 0px 0px;padding: 0px; width: 100%;height: auto;font-family: Arial; font-size: 150%; text-align: justify;}

.pre_img3{
	float:left;
	width: 300px;
	height: auto;
	margin: 20px 20px 0px 0px; 
	padding: 0px;
	border-radius: 20px;
	}
.pre_text3{text-indent: 40px; margin: 0px 0px 0px 0px;padding: 0px; width: 100%;height: auto;font-family: Arial; font-size: 150%; text-align: justify;}
.pre_text4{text-indent: 40px; margin: 0px 0px 0px 0px;padding: 0px; width: 100%;height: auto;font-family: Arial; font-size: 150%; text-align: justify;}
.pre_text5{text-indent: 0px;margin: 0px 0px 0px 0px;padding: 0px; width: 100%;height: auto;font-family: Arial; font-size: 180%; text-align: center;}
/*Статья конец*/


.run{margin: 30px 0px 30px 0px;padding: 1px 0px; width: 93%;height: auto;font-family: Arial;font-size: 300%;font-weight: bolder;color: #000;background-color: #60e58f; border-radius: 5px; text-align: center;text-decoration: underline;
/*animation-name: h1; animation-duration: 3s;animation-timing-function: ease-in-out; animation-iteration-count:infinite;*/
}
.run:hover{background-color: #acf4fc;border: 2px solid #60e58f;}

.please_share{margin: 20px 0px 20px 0; padding: 0px; width: 93%; height: auto; font-size: 200%; font-family: Arial; text-align: left; color: #8C0002; background: #4EF9F7; border-radius: 10px;font-weight: bold;}
/*Поделиться*/
#share {margin: 10px 0px 10px 0px;padding: 0px; width: 93%;height: auto;}
  /*Кнопка facebook*/
  .fb-share-button{margin: 0px 0px 0px 0;padding: 0px;}
  .twitter{margin: 0px 0px 0px 0px;padding: 0px;}
/*Поделиться конец*/


/*Копирайты*/
.clear{clear: both;}
.footer{margin: 50px 0px 0px 0px; padding: 0px;line-height: 30%;font-weight:bolder; font-family: Arial; font-size: 100%; font-style: bold; text-align: left;
	width: 100%;
	height: auto;
	    }


