body {
	background-image: url("https://img.goiphonewallpapers.com/iphone6p/2016/03/28/737b1563049fda23_1080x1920.jpg");
	background-size: 100%;
}
.hoge {
 width: 75%;
 max-height: 70px;
 font-size: 500%;
 border-radius: 20px;
 background-color: #ddd;
 box-shadow: 3px 3px 5px #333;
 text-align: center;
}
.hoge1 {
 width: 75%; 
 font-size: 200%;
 color: #ff7f50;
 text-shadow: 2px 2px 3px #333;
 text-align: center;
}
.hoge3 {
 width: 75%; 
 font-size: 300%;
 text-shadow: 1px 1px 2px #333;
 color: #696969;
 text-align: center;
}
.hoge4 {
 width: 75%; 
 font-size: 200%;
 text-shadow: 1px 1px 2px #333;
 color: #696969;
 text-align: center;
}
.hoge5 {
 width: 75%; 
 height: 50%;
 font-size: 200%;
 color: #008000;
 text-shadow: 2px 2px 3px #333;
 text-align: center;
}
.hoge6 {
 width: 75%; 
 font-size: 200%;
 text-shadow: 1px 1px 2px #333;
 color: greenyellow;
 text-align: center;
}
.hoge2 {
	line-height: 130%;
	width: 70%;
 	font-size: 300%;
 	border-radius: 100px;
 	background-color: #2e8b57;
 	box-shadow: 3px 3px 5px #333;
 	text-align: center;
 	transition:width .5s 0s, transform 1s ease-in-out .1s, font-size .5s 0s, background-color 1s 0s;
}
.hoge2:hover {
	background-color: #696969;
}
.hoge2.actives {
 	background-color: #dc143c;
 	width: 30%;
 	font-size: 300%;
 	transform: rotateX(90deg);
}
.by {
	width: 50%;
	color: #1e90ff;
	text-align: center;
	font-size: 100%;
}