@font-face {
	font-family: "Delius Swash Caps";
	src: url(/fonts/DeliusSwashCaps.woff2) format("woff2");
}

* {
  box-sizing: border-box;
}

html, body {
	height: 100%;
	width: 100%;
	margin: 0;
  padding: 0;
  border: 0;
}

body {
  overflow: hidden;
  background: rgb(19, 7, 1);
	color: salmon;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
}

.title-font {
	font-family: "Delius Swash Caps", "Cooper Black", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
}

a {
	color: rgb(200, 0, 100);
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:visited {
	color: rgb(200, 0, 100);
}

input, button, select, textarea {
	font-family: inherit;
	font-size: inherit;
	padding: 0.4em;
	margin: 0 0 0.5em 0;
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-radius: 2px;
}

input:disabled {
	color: #ccc;
}
input:read-only {
	background-color: rgba(255, 255, 255, 0.5);
	border-color: gray;
}

input[type="range"] {
	height: 0;
}

button {
	color: #333;
	background-color: #f4f4f4;
	outline: none;
	border-radius: 4px;
	border: 1px solid gray;
	box-shadow: 1px 1px 1px gray;
	cursor: pointer;
}

button:disabled {
	color: #999;
	cursor: not-allowed;
}

button:not(:disabled):active {
	background-color: #ddd;
}

button:focus {
	border-color: #666;
}

.body-child {
	border: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
}

#noscript-placeholder {
  display: flex;
  flex-flow: column nowrap;
}

#noscript-placeholder * {
  margin: auto;
}

#noscript-placeholder img {
  width: 33%;
  height: auto;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-thumb {
  background: rgb(244, 145, 145);
	border-radius: 1em;
	border: 1px solid rgb(113, 61, 61);
}

::-webkit-scrollbar-thumb:hover {
  border-color: rgb(109, 25, 25);
	background: rgb(253, 171, 171);
}

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

/* tippy.js tooltips */

.tippy-box[data-theme~='cardcaptors'] {
	background-color: rgb(237, 219, 214);
  color: black;
	font-size: 0.8rem;
	box-sizing: border-box;
	border: 2px solid rgb(109, 25, 25);
}

.tippy-box[data-theme~='cardcaptors'] h1 {
	margin: 0;
	padding: 0;
	font-size: 1.05rem;
	text-align: left;
	font-weight: bold;
}

.tippy-box[data-theme~='cardcaptors'] h2 {
	margin: 0;
	padding: 0;
	font-size: 1rem;
	text-align: left;
	font-weight: bold;
	opacity: 0.7;
}

.tippy-box[data-theme~='cardcaptors'] h6 {
	margin: 0;
	padding: 0;
	font-size: 1rem;
	text-align: left;
	font-weight: bold;
	color: rgb(106, 0, 0);
}

.tippy-box[data-theme~='cardcaptors'] p {
	margin: 0;
	margin-top: 4px;
	padding: 0;
	text-align: left;
}

.tippy-box[data-theme~='cardcaptors'] img {
	width: 1.2rem;
	vertical-align: bottom;
}

.tippy-box[data-theme~='cardcaptors'][data-placement^='top'] > .tippy-arrow::before {
  border-top-color: rgb(109, 25, 25);
	transform: translateY(2px) scale(1.25);
}
.tippy-box[data-theme~='cardcaptors'][data-placement^='bottom'] > .tippy-arrow::before {
  border-bottom-color: rgb(109, 25, 25);
	transform: translateY(-2px) scale(1.25);
}
.tippy-box[data-theme~='cardcaptors'][data-placement^='left'] > .tippy-arrow::before {
  border-left-color: rgb(109, 25, 25);
	transform: translateX(2px) scale(1.25);
}
.tippy-box[data-theme~='cardcaptors'][data-placement^='right'] > .tippy-arrow::before {
  border-right-color: rgb(109, 25, 25);
	transform: translateX(-2px) scale(1.25);
}

/* Material Icons */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/Material_Icons.woff2) format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 1.03rem;
	vertical-align: baseline;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
	font-feature-settings: 'liga';
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}