@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;}
}
.clear{clear: both;}
span {color: #F70307;font-style: bold;}
body {
	width: 90%;
	height: 100px;
	padding: 0px 0px;
	margin: 5px 5px;
	
	position: relative;
	left: 5%;
	background-color: #B0F9D8;
}
header{width: 100%;height: 100px;}
.logo_img{margin: 0px 20px 0px 0px;padding: 0px; width: 100px;height: 100px;border-radius: 10px;float:left;}
.p1{text-shadow: 5px 5px 10px #ffffff;font-family: Arial; font-size: 18pt;font-weight: bold;text-align: left; margin: 10px 0px 5px 0px; padding: 0px;}
header p{text-shadow: 5px 5px 10px #ffffff;font-family: Arial; font-size: 14pt;font-weight: bold;text-align: left;margin: 0px 0px 0px 0px;padding: 0px;}
.deviz{font-family: Arial; font-size: 14pt;font-style: italic;text-align: left;text-indent: 20px;margin: 20px 0px 30px 0px;padding: 0px;}

/*меню*/

.menu{width: 100%; height: auto;margin: 0px 0px 0px 0px;padding: 0px;}
.main{text-shadow: 5px 5px 10px #ffffff;float:left;width: 23%;height: 50px;color: #000; font-family: Arial;font-size: 16pt;font-weight: bolder;text-align: center;margin: 0px 5px 30px 0px;padding: 0px;background-color: #60e58f;border-radius: 5px;line-height: 40%;}
.store{text-shadow: 5px 5px 10px #ffffff;float:left;width: 23%;height: 50px;color: #000;font-family: Arial;font-size: 16pt;font-weight: bolder;text-align: center;margin: 0px 5px 30px 0px;padding: 0px;background-color: #60e58f;border-radius: 5px;line-height: 40%;}
.feedback{text-shadow: 5px 5px 10px #ffffff;float:left;width: 23%;height: 50px;color: #000;font-family: Arial;font-size: 16pt;font-weight: bolder;text-align: center;margin: 0px 5px 30px 0px;padding: 0px;background-color: #60e58f;border-radius: 5px;line-height: 40%;}
.about{text-shadow: 5px 5px 10px #ffffff;float:left;width: 23%;height: 50px;color: #000;font-family: Arial;font-size: 13pt;font-weight: bolder;text-align: center;margin: 0px 0px 30px 0px;padding: 0px;background-color: #60e58f;border-radius: 5px;line-height: 95%;}

.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 40px 0px; 
	text-align: center; 
	font-size: 20pt;
    animation-name: h1; animation-duration: 3s;animation-timing-function: ease-in-out; animation-iteration-count:infinite;
    }

/*Форма*/
.form{border-radius: 10px; background: linear-gradient(180deg, #acf4fc, #60e58f);width: 90%;height: auto;margin: 30px 0px 50px 20px; padding: 0px; font-family: Arial; font-size: 18pt; font-weight: bold; text-align: left;}
h2{text-align: center;}
#you_name{width: 80%; height: 30px;margin: 10px 0px 10px 20px; padding: 0px;text-align: left;}
#you_email{width: 80%; height: 30px;margin: 10px 0px 10px 20px; padding: 0px;text-align: left;}
#message{width: 80%; height: 250px;margin: 10px 0px 10px 20px; padding: 0px;text-align: left;}
#submit{width: 25%; height: 25px;margin: 10px 0px 10px 20px; padding: 0px;text-align: center;}
#reset{width: 25%; height: 25px;margin: 10px 0px 10px 20px; padding: 0px;text-align: center;}

/*Форма конец*/

/*Копирайты*/
.clear{clear: both;}
.footer{margin: 50px 0px 0px 0px; padding: 0px;line-height: 50%;font-weight:bolder; font-family: Arial; font-size: 12pt; font-style: bold; text-align: left;
	width: 100%;
	height: auto;
	    }