Div, h2, h1 {
Font-family: arial, sans serif;
Font-size:30px;
Text-align: center;
}
@keyframes tw {
 from {color:white; opacity:0}
 To {background-color:#FF2965; opacity:1;}
}
.animation {
text-align:center;
Margin:auto;
width:800px;
Height:350px;
Padding: 10px;
Margin-bottom: 20px;
Color:white;
animation-name:tw;
Animation-duration:20s;
Animation-timing-function:ease;
Animation-iteration-count: 1;
}
.twice {
text-align:center;
Margin:auto;
width:400px;
Height:125px;
Background-color: #fdd4af;
transition:background-color 2s;
margin-bottom: 25px;
}
div.twice:hover {
Background-color:#FF2965;
}
.once {
text-align:center;
color: white;
Margin:auto;
width:400px;
Height:100px;
Background-color: #FF2965;
Transition: height 3s;
margin-bottom: 50px;
}
div.once:hover {
height: 300px;
}
.mosami {
text-align:center;
Margin:auto;
width:600px;
Height:155px;
Background-color: rgb(137,224,233);
margin-bottom: 25px;
}
.japan {
Text-align:center;
Margin: auto;
Width: 200px;
Border: solid 2px #FF2965;
Margin-bottom: 3px;
Opacity: 0;
transition:opacity 1s linear;
}
div.japan:hover {
opacity:1;
}
.albums {
text-align:center;
Margin:auto;
width:400px;
Height:125px;
Background-color:rgb(117,198,197);
transition:background-color 3s;
margin-bottom: 25px;
}
div.albums:hover {
Background-color:rgb(218,68,128);
}
.fancy {
text-align:center;
Margin:auto;
width:600px;
Height:155px;
Background-color:#FF2965;
margin-bottom: 25px;
Transition: transform 5s linear;
Color:white;
}
.fancy:hover {
Transform: translate(300px);
Background-color: rgb(156,213,221);
Color:black;
}
.debut {
text-align:center;
Margin:auto;
width:600px;
Height:50px;
Background-color:rgb(162,163,201) ;
margin-bottom: 100px;
Color:#fdd4af;
Transition: height 2s linear
}
.debut:hover {
height:200px;
}
.debut2 {
Opacity: 0;
Transition: opacity 4s linear 
Transition-delay: 4s;
}
.debut2:hover {
Opacity: 1;
}
.names {
text-align:center;
Margin:auto;
width:600px;
Height:300px;
Background-color:rgb(207,100,200);
margin-bottom: 200px;
Color:#fdd4af;
Transition: height 2s linear;
}
.names:hover {
Height: 70px
}
.dome {
text-align:center;
Margin:auto;
width:600px;
Height:400px;
Background-color:rgb(107,226,226);
margin-bottom: 300px;
Color:rgb(207,100,200);
Transition: transform 2s linear;
}
.dome:hover {
Transform: rotate(360deg) scale(1.5);
height: 100px;
}

.stream {
Border: solid 2px #FF2965;
Width:700px;
Margin: auto;
}