body {
    background-color: #404040;
}
@keyframes animation1 {
  0% {
    transform: scale(0);
    transform-origin: 50% 0%;
    opacity: 1;
  }
  100% {
    transform: scale(1);
    transform-origin: 50% 0%;
    opacity: 1;
  }
}
h3 {
	color: white;
	text-align: center;
	border: solid 5px;
    font-size: 60px;
	font-family:"Fira Sans", sans-serif;
	border-image: linear-gradient(355deg, 
    #c6ffdd, #fbd786, #f7797d);
    border-image-slice: 1;
	animation: animation1 1s;
}
p {
    color: #f0cf7e;
    font-size: 40px;
    padding: 10px;
	padding-left: 50px;
	font-family:"Fira Sans", sans-serif;
}
ul {
	padding: 20px;
	padding-left: 10%;
	font-size: 25px;
	color: white;
    list-style-type: hiragana;
    font-family:"Fira Sans", sans-serif;
}
@keyframes animation2 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
img {
    width: 250px;
    padding-left: 10px;
	animation: animation2 1s;
}
@keyframes anime {
	from {
		color: #c6ffdd;
	}
	50% {
		color: #fbd786;
	}
	to {
		color: #f7797d;
	}
}
a {
	position: relative;
	bottom: -45px;
    right: 85%;
	text-decoration: none;
	font-size: 30px;
	font-family:"Fira Sans", sans-serif;
	animation: anime 1s infinite alternate;
}