@font-face{
	font-family: 'ComicRelief-Bold';
	src: url(ComicRelief-Bold.ttf);
}
body {
	background: #6b5db3 url('bunepattern.jpg') repeat;
	font-family: 'ComicRelief-Bold';
	color: #d4d4ff;

	text-align: center;
	font-size:large;
}

.mirror{
    transform: scaleX(-1);
  }
aside{
	display: flex;
	float: right;
}
section{
    padding: 1%;
	margin-left:15%;
	margin-right:15%;
}
.slider{
	width: 100%;
	height: 200px;
	display: flex;
	justify-content: center ;
	place-items: center ;
	overflow: hidden;
}
.slider .row{
	display: flex;
	width: calc(150px * 18);
	animation: slide 10s linear infinite;
}
@keyframes slide{
	0%{
		transform: translateX(calc(250px * 7));
	}
	100%{
		transform: translateX(calc(-250px * 7));
	}
}
.slider img:hover{
	transform: translateX(15px);
	transition: 2s;
}
.slider .slide{
	perspective: 100px ;
	padding: 15px;
}
.slider img{
	max-height: 200px;
	margin: 22px;
}
img{
	
}
a{
    font-size: small;
    color: #2f2464;
}
.headText  {
	font-size: 2.9em;
	color: linear-gradient(#271b63, #8574db, #4d3e9c);
	display: flex;
	flex-flow: row;
	justify-content: space-around;
	align-items: center;
}
.textBox{
	background: linear-gradient(#271b63,  #4d3e9c, #8574db, #4d3e9c)   ;
	padding: .99%;
	border-radius: .4pc;
	border: .99pc, #4837a0, ridge ;


}
.textBox2{
	display: flex;	
	flex-flow: row;
	margin-left: 5pc;
	margin-right: 5pc;
}

#charInfo {
	display: flex;
	align-content:flex-end;
}
.bio {
	display:flex;
	flex-flow: row;
}
	.bio img{
		margin-left: 2em;
	}
button{
    height: 200px;
	border: .99pc, #4837a0, ridge ;
    
}

.blank{
	display:block; 
}
#bune{
	display: none;
}
#carlos{
	display: none;
}
#containerBox{
	display: flex;
	align-items: flex-start;
	flex-wrap: nowrap;
	justify-content: center;
	margin: .1px;
	min-width: 700px;
}
#contentBox{
    display: flex;
    height: fit-content 100%;
	overflow: hidden;
    margin: 4px;
	padding: 2px;
	min-width: 100%;
	flex-flow: column;
	min-width: 73%;
    height: 800px;

	border-radius: .4pc;
	border: .4pc, #4837a0, groove ;
	background-color: #8574db;
	border-radius: 24%;

}
	#contentBox p{
		margin-left: 7%;
		margin-right: 7%;
		font-size: larger;
	}
	#contentBox h1{
		color:#4d3e9c;
	}
	.box button{
		background: none;
		border: 19px;
		border-color:red;
	}