Кастомизация страницы После успешной оплаты

В продолжении к прошлым статьям, мы делимся кодом для страницы Успешной оплаты клиента. Она так же имеет переливающийся градиент на заднем плане.

Как редактировать цвет кнопок и цвет градиента вы можете найти в прошлой статье.

.knopka{
width: 33%;
	display: block;
	height: 50px;
	position: relative;
	z-index: 1;
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	background-color: #3d3bff;
	border-color: #3d3bff;
    border-radius:10px;
    margin-left: auto;
    margin-right: auto;
    top: 15px;
}

@media screen and (max-width: 767px) {
  .knopka {width: 100%;}
  p{font-size:17px;
    font-family:Manrope;}
  h1{font-size:30px;
  text-align: center;
  font-family:Manrope;}
}

@media screen and (min-width: 768px) {
  p{font-size:25px;
    font-family:Manrope;}
  h1{font-size:40px;
  text-align: center;
  font-family:Manrope;}
}

.logo.gc-account-logo{
 display:none;
}

html body { 
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh; 
    background: linear-gradient(270deg, #f88ccc, #ebc5f3, #62daee, #6bf3ac, #f7c78e);
    background-size: 1000% 1000%;

    -webkit-animation: AnimationName 19s ease infinite;
    -moz-animation: AnimationName 19s ease infinite;
    animation: AnimationName 19s ease infinite;

}

.page-header h1{
margin-right: 0px;
margin-top: 0px;
margin-left: 0px;   
}

.main-page-block{
border-radius: 30px;
padding-bottom: 50px;
margin: 15px;
}

@-webkit-keyframes AnimationName {
    0%{background-position:2% 0%}
    50%{background-position:99% 100%}
    100%{background-position:2% 0%}
}
@-moz-keyframes AnimationName {
    0%{background-position:2% 0%}
    50%{background-position:99% 100%}
    100%{background-position:2% 0%}
}
@keyframes AnimationName {
    0%{background-position:2% 0%}
    50%{background-position:99% 100%}
    100%{background-position:2% 0%}
}

Если вам понравилась статья, оставляйте свои комментарии. Так же будем благодарны, за поиск ошибок и улучшения кода.