@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Display&family=Yusei+Magic&display=swap');
/* font-family: 'Yusei Magic', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Kalam:wght@700&display=swap');
/* font-family: 'Kalam', cursive; */

#wrapper {
	width: auto;
	padding: 10px 15px;
	margin-left: auto;
	margin-right: auto;
	background-image: url("paper_3_@2X.png");
}


.topHeader {
	font-size: 50px;
	margin: 30px;
	font-family: 'Yusei Magic', sans-serif;
}

#exerciseList {
	margin: 70px;
}

#exerciseList li {
	margin: 15px 0px;
}

#exerciseList ul{
	list-style: inside;
	font-size: 40px;
}

#exerciseList a{
	font-family: 'Kalam', cursive;
	text-decoration: none;
}

.opacity {
	opacity: 0.3;
}

.opacity:hover {
	opacity: 1.0;
	transition: .5s;
}

.size:hover {
	transition: all 1s;
}

.size:hover {
	font-size: 80px;
	color: darkred;
}

.timing {
	opacity: .2;
}

.timingHover {
	list-style: none;
	font-size: 40px;
	position: absolute;
	opacity: 0;
	top: 280px;
	left: 138px;
}

.timingHover:hover {
	transition: all .7s cubic-bezier(.17,.67,1,-1.11) .50s;
	opacity: 1.0;
	color: violet;
}


.delay:hover{
	transition: all 2.5s ease-in-out 0s;
	color: goldenrod;
	font-size: 45px;
}