html {overflow-x: hidden;} /* Скрытие горизонтальной полосы прокрутки для всей страницы */
  body {background-color: #cecece}
 .logo {
    text-align: center;
    background: -webkit-linear-gradient(left, #ffffff, #50bd21, #f09b6d, #f0f009, #d9d7df);
    background: linear-gradient(left, #ffffff, #50bd21, #f09b6d, #f0f009, #d9d7df,);
    background-size: 3200px 200px;
    margin-top: 0vh;
    color: transparent;
    -webkit-background-clip: text;
    -webkit-animation: animate-logo;
    -webkit-animation-delay: 0;
    -webkit-animation-duration: 7s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    transition: font-size 500ms ease-in-out;
  }
  @-webkit-keyframes animate-logo {
  0% {background-position: 0 3200px;}
  100% {background-position: 3200px 0;}
  }
 header {
    background-color:rgba(33, 33, 33, 0.9);
    color:#fff;
    display:block;
    font: 12px/1.3 Times, Times New Roman, serif;
    margin-bottom: 10px;
    position: relative;
}
header h2{
    font-size: 22px;
    margin: 0px auto;
    padding: 10px 0;
    width: 80%;
    text-align: center;
}
.but1 {
   background-color: #4CAF50; /* Зеленый */
    border: none;
    color: white;
	width: 140px; height: 50px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 8px; /* Закругленные углы */}
.but2 {
    background-color: #008CBA; /* Синий */
    border: none;
    color: white;
	width: 140px; height: 50px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 8px; /* Закругленные углы */}
.centered {margin:88px auto;}
.footer {
	position:  relative; /* Фиксированное положение */
    text-align: center; bottom: 0; /* Центр низ */
    padding: 10px; /* Поля вокруг текста */
    background: transparent; /* Цвет фона */
    color: #000000; /* Цвет текста */
    width: 100%; /* Ширина слоя */
	}
a{color: green;text-decoration: none;} 
a:hover, a:active {color: #e16508;text-decoration: none;}