@charset "utf-8";
/* CSS Document */

.ctextstyle0 {font-family:Papyrus,fantasy;font-weight:heavy;font-style:normal;font-size:17px;text-decoration:none;color:white;}

.edetails{
	position: absolute;
		width: 300px;
		height: 20px;
		bottom: 20px;
		left: 50%;
		transform: translate(-50%);
		  background: #fdfdfd;
  border-radius: 5px 5px 5px 5px;

	border: 2px solid blue;
}

	.container	{
		position: absolute;
		width: 660px;
		height: 439px;
		top: 150px;
		left: 50%;
		transform: translate(-50%);
		  background: #fdfdfd;
  border-radius: 10px 10px 0px 0px;
  box-shadow: 0 19px 38px rgba(0,0,0,0.2), 0 15px 12px rgba(0,0,0,0.2);
  margin: 0px auto;
  overflow: hidden;
}
	.container2{
		position: absolute;
		width: 660px;
		height: 427px;
		top: 565px;
		left: 50%;
		transform: translate(-50%);
		  background: #fdfdfd;
  border-radius: 0px 0px 10px 10px;
  box-shadow: 0 19px 38px rgba(0,0,0,0.2), 0 15px 12px rgba(0,0,0,0.2);
  margin: 15px auto;
  overflow: hidden;
}
div.c {text-align:center;}
div.j {text-align: justify;}
div.l {text-align: left;}
div.r {text-align: right;}	

.text-box {
     position: absolute;
	width:49%;
    left: 50%;
    
	background-color: transparent;
    transform: translate(-50%);
	font-family:Papyrus,fantasy;font-weight:heavy;font-style:normal;font-size:37px;text-decoration:none;color:yellow;
  }
.shade {
     position: absolute;
	opacity: 60%;
width: 600px;
    left: 50%;
    
	background-color: black;
	border-radius: 15px;
	padding: 2px 2px 2px 20px;
    transform: translate(-50%);
  }
 .past {
    text-align: left;
    top:-10px;
    width: 50px;
  }
 .future {
    text-align: right;
    top:-10px;
    width: 50px;
  }

.mhover:hover{
    cursor: pointer;
  }
 .mhover:hover svg{
      fill: #666;
  }