a{
	color: #064feb;
}
.a{
	color: #ffff;
}


.details {
	max-width: 1000px;
	margin-bottom: 10px;
	overflow: hidden;
	
}

.summary {
/* 	display: block; */
	background-color: rgb(0, 133, 202);
	padding: 7px;
	color: white;
}

.content {
	overflow: hidden;
  padding: 1em 1em 0;
	opacity: 0;
}

.details[open] .content {
	animation: spoiler 1s, shift 0.3s ease 0.2s forwards;
}



@keyframes spoiler {
	0%   {max-height: 0;}
	100% {max-height: 10em;}
  }
  
  @keyframes shift {
	  0%   {
		  opacity: 0;
  /* 		transform: translate(1em, -0.5em); */
	  }
	100% {
		  opacity: 1;
  /* 		transform: translate(0px, 0px); */
	  }
  }