body{
	background-color: #360204 ;
}
#container{
	width: 320px;
	margin: 0px auto;
	background-color: #54211E;
	border-radius: 1em;
}

.containertext{
	display: auto;
	gap: 1em;
	padding: .5em;
	background-color: #4F2824;
	justify-items: center;
	border-radius: .5em;
	margin-top: 10px;

}
.containertext h5 {
	text-align: center;
}
h5{
	color: #FEE7BE;
}
h1{
	color: #FEE7BE;
	text-align: center;
}
h2,h3,h4{
	color: #FEE7BE;
	text-align: center;
}
p {
	color: #FEE7BE;
	font-size: .75em;
}
nav{
    top: 10px;
    width: 320px;
    margin-bottom: 10px;
    background-color: #602F2B;
    display: flex;
    justify-content: center;
    gap: 2em;
    position: sticky;
    top:0;    
    padding-top: 1em;
    padding-bottom: 1em;
    border-color: #311816;
    border: 2px;

}
nav a {
    color: #FEE7BE;
    text-decoration: none;
}
nav a:hover {
	text-decoration: underline;
}
.container2{	
	width: 300px;
	margin:0px auto;
	background-color: #602F2B;
	justify-content: center;
	padding: .25em;
	border-radius: .25em;
}
.carousel {
	margin: auto;
	width: 100%;
	display: flex;
	overflow-x: auto;
	background-color: #602F2B;
	--fade-amount: 10%;
	mask-image: linear-gradient(to right, transparent, black var(--fade-amount), black calc(100% - var(--fade-amount)), transparent);	
}

.carousel::-webkit-scrollbar {
	display: none;
}

.group {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1em;
	animation: spin 20s infinite linear;
	padding-right: 1em;
	padding-top: .5em;
	padding-block: .5em;

}
.card {
	flex: 0 0 5em;
	height: 159px;
	padding: .5em;
	background-color: #4F2824;
	align-content: center;
	border-radius: .2em;
}
@keyframes spin {
	from {translate:0;}
	to {translate: -100%;}
}
footer a{
	text-align: center;
	color: #FEE7BE;
	text-decoration: none;
}
footer a:hover{
	text-decoration: underline;
}
footer{
	text-align: center;
	text-decoration: none;
}
section{
	gap: 1em;
	padding-top: 1em;
}
img {
	border-radius: .25em;
}
img:hover{
	transform: scale(1.05);
	z-index: 3;
}
.mangapage{
	margin: auto;
	display: flex;
}
h4 a{
	text-decoration: none;
	color: #FEE7BE;
}
h4 a:hover{
	text-decoration: underline;
}
.container3{
		width: 150px;
	margin:10px;
	background-color: #602F2B;
	justify-content: center;
	padding: .25em;
	border-radius: .25em;
	text-align: center;
}