:root {
	--float-width: 360px;
}

#float {
	float: right;
	width: var(--float-width);
	margin-left: 15px;
}

#aura {
	width: var(--float-width);
	margin-top: 10px;
	margin-bottom: 15px;
	background-color: green;
	border: 1px solid white;
	padding: 20px 10px 20px 10px;
	color: white;
	text-align: center;
}

#aura > p {
	margin-top: 0;
	margin-bottom: 5px;
	font-size: 10px;
}

#aura > .info {
	margin: 0;
	font-size: 8px;
}

#aura > .info > a {
	text-shadow: 1px 1px 1px black;
}

#reviews {
	width: var(--float-width);
	height: 635px;
	border: 1px solid white;
}

#reviews > h2 {
	text-align: center;
	text-indent: 0;
	margin: 15px;
	display: block;
	height: 25px;
}

#reviews > p {
	text-align: center;
	text-indent: 0;
	margin: 0;
	margin-bottom: 15px;
	display: block;
	height: 20px;
}

#scroll {
	height: 525px;
	overflow-y: hidden;
}

#scroll:hover {
	overflow-y: auto;
}

.review table {
	width: 100%;
	padding: 5px;
}

.review img {
	display: block;
	margin: auto;
	width: 64px;
	height: 64px;
}

.review h3 {
	margin: 5px;
	text-align: center;
}

.review > p {
	margin: 5px;
	margin-top: 0;
	text-indent: 0;
	text-align: justify;
	padding: 3px;
	padding-top: 0;
	word-wrap: break-word;
}

.review  .title {
	text-align: center;
	margin: 0;
	padding: 0;
}

#scroll > :first-child {
	margin-top: 0;
}

#scroll > div {
	margin: 5px;
	border: 1px solid white;
}

h3 {
	display: block;
	color: white;
	text-align: center;
}

#dragon2 {
	width: 150px;
	margin-left: 15px;
	float: right;
	margin-top: 20px;
}

#dragon2 img {
	width: 100%;
}

#dragon2 p {
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
}

.divider {
	font-size: 1.5em;
	color:white;
	display: flex;
	align-items: center;
}

.divider::before, .divider::after {
	flex: 1;
	content: '';
	padding: 1px;
	background-color: white;
	margin: 10px;
}

.divider::before {
	margin-left: 0;
}

.divider::after {
	margin-right: 0;
}

td, th {
	padding-left: 15px;
	color: white;
}

tr td:first-child, thead th:first-child {
	padding-left: 0;
}

th {
	border-bottom: 1px solid white;
}

@keyframes glowing_link {
  0% {color: red;}
  25% {color: yellow;}
  50% {color: red;}
  100% {color: red;}
}

#pages {
	border-collapse: collapse;
	border: 1px solid #d15402;
}
#pages tbody > *:nth-child(even) {
	background-color: rgba(255, 179, 0, 0.15);
}
#pages thead {
	background-image: linear-gradient( #e8b602, #d13902);
}
#pages th {
	border: 2px solid black;
	color: black;
}
#pages td {
	padding: 3px 15px;
	border-left: 1px solid #d15402;
}
#pages a {
	animation-name: glowing_link;
	animation-duration: 3.5s;
	animation-iteration-count: infinite;
}
#pages tbody tr {
	pointer-events: none;
}
#pages tbody a {
	pointer-events: auto;
}
#pages tbody tr:hover {
	background-color: rgba(255, 179, 0, 0.3);
}