.cinzel-noto {
  font-family: "Cinzel", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.indie-flower-regular {
  font-family: "Indie Flower", cursive;
  font-weight: 400;
  font-style: normal;
}


h1 {
font-family: 'Cinzel';
font-size: 40px;
color: white;
text-shadow: 0px 0px 5px yellow;
}

h2 {
font-family: 'Cinzel';
font-size: 20px;
color: white;
text-shadow: 0px 0px 5px yellow;
}

h3 {
font-family: 'Cinzel';
font-size: 15px;
color: white;
text-shadow: 0px 0px 5px yellow;
}

p {
font-family: 'Indie Flower';
font-size: 20px;
color: white;
text-shadow: 2px 2px 2px #000000;
}	

ul {
font-family: 'Indie Flower';
font-size: 20px;
color: white;
}	

a {
	color: white;
	
}

a:visited {
	color: white;
	
}


a:hover {
text-shadow: 0px 0px 5px yellow;
cursor:url("https://i.imgur.com/wXzyj6V.gif"), default; 
}

h2 a {
	font-family: 'Cinzel';
	font-size: 20px;
	color: white;
	text-shadow: 0px 0px 5px yellow;
}

h2 a:hover {
	font-family: 'Cinzel';
	font-size: 20px;
	color: white;
	text-shadow: 0px 0px 10px yellow;
}

html {
	cursor:url("https://i.imgur.com/wXzyj6V.gif"), default; 
}

body {
	background-image: url("https://i.imgur.com/BqrCUXK.jpeg");
	margin-left: 40px;
	margin-right: 40px;
}

::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-track {
  background: black;
}

::-webkit-scrollbar-thumb {
  background: white;
  border: 2px solid black;
}

::-webkit-scrollbar-thumb:hover {
  background: gold;
  box-shadow: 0px 0px 15px gold;
}

/* Hide scrollbar for IE, Edge and Firefox */
body {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

#bak {
	background-color: black;
	background-image: url("https://i.imgur.com/CwwSk4X.gif");
}

#bigbox {
	border-style: solid;
	border-color: black;
	border-width: 5px 1px 1px 1px;
	padding: 5px;
	margin-left: 40px;
	margin-right: 40px;
	background-image: url("https://i.imgur.com/BqrCUXK.jpeg");
}
	

#nav {
	float:left;
	margin: 15px;
	display: block;
	border-style: solid;
	border-color: white;
	border-width: 5px 1px 1px 1px;
	padding: 5px;


}

/* #nav p {
	
	border-style: solid;
	border-color: white;
	border-width: 5px 1px 1px 1px;

} */


#bakuraeframe {
	border-style: solid;
	border-color: black;
	border-width: 5px 1px 1px 1px;
	
}

.homebakurae {
    vertical-align: top;
    display: inline-block;
    text-align: center;
	
}

.homebakurae img:hover {
animation-name: glow;
animation-duration: 0.25s;
animation-fill-mode: forwards;

	
}

.homebakurae img {
	width: 300px;
	height: 240px;
	margin-right: 50px;
	margin-left: 50px;
	border-style: solid;
	border-color: white;
	border-width: 5px 1px 1px 1px;
	
}

.main p {
	margin-left: 25px;
}

.main {
	/*border-style: solid;
	border-width: 5px;
	border-color: white; */
	float: left;
	margin-bottom: 75px;
	position: absolute;
}


@keyframes glow {
0%	{box-shadow: 0px 0px 0px yellow;}
100%	{box-shadow: 0px 0px 15px yellow;}
	
}

.caption {
    display: block;
	
}

.rela {	

	width: 200px;
	height: 200px;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	vertical-align: text-top;
}
.relations {
	
	clear: left;
	
}

#ryoublurb {
	display: none;
	position: fixed; 
}

#yamibablurb {
	display: none;
	position: fixed; 
}

#tkbblurb {
	display: none;
	position: fixed; 
}

.fanart img {
	margin: 2.5px;
	animation-name: fanartnothover;
	animation-duration: 0.25s;
	animation-fill-mode: forwards;
}

.fanart img:hover {
	animation-name: fanarthover;
	animation-duration: 0.25s;
	animation-fill-mode: forwards;
}

@keyframes fanarthover {
	0% {width: 200px; box-shadow: 0px 0px 0px gold;}
	100% {width: 300px; box-shadow: 0px 0px 15px gold;}
}

@keyframes fanartnothover {
	0% {width: 300px; box-shadow: 0px 0px 15px gold;}
	100% {width: 200px; box-shadow: 0px 0px 0px gold;}
}


.fanart {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.floaryou {
	float: right;
	
}

.floaryou2 {
	float: left;

	
}

#mediaimg img {
	width: 400px;
	
}

#playlist {
	float: left;
	clear: left;
}

#webd {
	display: block;
	margin-left: auto;
	margin-right: auto;
	
}

#updates {
	position: absolute;
	right: 110px;
	border-style: solid;
	border-color: white;
	border-width: 5px 1px 1px 1px;
	float: right;
	width: 250px;
	padding: 5px;
	background-image: url("https://i.imgur.com/CwwSk4X.gif")

}

#updates p {
	padding: 10px;
	border-style: solid;
	border-color: white;
	border-width: 5px 1px 1px 1px;
	background-image: url("https://i.imgur.com/BqrCUXK.jpeg");
}

.blogavatar {
	float: left; 
	margin-right: 5px;
	border-style: solid;
	border-color: white;
	border-width: 5px 1px 1px 1px;
	
}

.blog {
	position: absolute;
	top: 600px;
	padding: 5px;
	border-style: solid;
	border-color: white;
	border-width: 5px 1px 1px 1px;
	background-image: url("https://i.imgur.com/CwwSk4X.gif")
}

.blog p {
	padding: 10px;
	border-style: solid;
	border-color: white;
	border-width: 5px 1px 1px 1px;
	background-image: url("https://i.imgur.com/BqrCUXK.jpeg");
	
}

.blog h3, .blog h2 {
	padding: 5px;
	border-style: solid;
	border-color: white;
	border-width: 5px 1px 1px 1px;
	background-image: url("https://i.imgur.com/BqrCUXK.jpeg")
}



.pfp {
	margin: 5px;
	
}

#footerr {
	display: block;
	margin-left: auto;
	margin-right: auto;
}



/*.chararela {
	display: flex;
	flex-direction: column;
	https://i.imgur.com/PG4R1yc.png
}

.chararela p {
	display: block;
	float: right;
} */