/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
@import url("https://fonts.googleapis.com/css2?family=Comic+Neue:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap");

::-webkit-scrollbar {
	width: 8px;
	height: 8px;
	background: #212020
}

::-webkit-scrollbar-thumb {
	background: #888
}

::-webkit-scrollbar-thumb:hover {
	background: #dcdcdc
}

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

main {
	display: block
}

h1 {
	font-size: 2em;
	margin: 0.67em 0
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

pre {
	font-family: monospace, monospace;
	font-display: auto;
	font-size: 1em
}

a {
	background-color: transparent
}

a:hover {
	color: #ffc107 !important;
	text-shadow: 0px 0px 1px #D1D1D1 !important;
	background: transparent !important
}

.header {
	background: #0b0b0b !important
}

.menu__inner {
	background-color: #0b0b0b !important
}

.accordion-button {
	color: inherit !important
}

.dogepedia-button:hover {
	background-color: #FFFFFF !important;
	border: 1px solid #dfc66d !important
}

.current-locale {
	text-align: -webkit-center !important
}

.tooltip {
	opacity: 1 !important
}

.wallet-blurb {
	width: 100% !important
}

.tooltip-body-sub {
	font-size: 1rem !important
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted
}

b,
strong {
	font-weight: bolder
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-display: auto;
	font-size: 1em
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -0.25em
}

sup {
	top: -0.5em
}

img {
	border-style: none
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-display: auto;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText
}

fieldset {
	padding: 0.35em 0.75em 0.625em
}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}

progress {
	vertical-align: baseline
}

textarea {
	overflow: auto
}

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

details {
	display: block
}

summary {
	display: list-item
}

template {
	display: none
}

[hidden] {
	display: none
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
	color: #ccae40 !important;
	border-radius: 10px
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	color: #ccae40 !important
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	background: none;
	border-color: #ccae40 !important
}

select {
	border-color: #ccae40;
	border-radius: 10px
}

input {
	border-color: #ccae40;
	border-radius: 10px
}

table {
	padding-top: 15px;
	padding-bottom: 15px
}

div.dtsp-panesContainer div.dataTables_wrapper div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-name {
	color: #000000
}

#Wallets > tbody > tr > td > div > div > button {
	color: #000000
}

#Wallets > tbody > tr > td > div > div > button:hover {
	color: #FFF
}

code[class*="language-"],
pre[class*="language-"] {
	color: white;
	background: none;
	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
	font-size: 1em;
	text-align: left;
	text-shadow: 0 -.1em .2em black;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	word-wrap: normal;
	line-height: 1.5;
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none
}

pre[class*="language-"],
:not(pre) > code[class*="language-"] {
	background: #141414
}

pre[class*="language-"] {
	border-radius: .5em;
	border: 0.3em solid #545454;
	box-shadow: 1px 1px .5em black inset;
	margin: .5em 0;
	overflow: auto;
	padding: 1em
}

pre[class*="language-"]::-moz-selection {
	background: #27292a
}

pre[class*="language-"]::selection {
	background: #27292a
}

pre[class*="language-"]::-moz-selection,
pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection,
code[class*="language-"] ::-moz-selection {
	text-shadow: none;
	background: rgba(237, 237, 237, 0.15)
}

pre[class*="language-"]::selection,
pre[class*="language-"] ::selection,
code[class*="language-"]::selection,
code[class*="language-"] ::selection {
	text-shadow: none;
	background: rgba(237, 237, 237, 0.15)
}

:not(pre) > code[class*="language-"] {
	border-radius: .3em;
	border: 0.13em solid #545454;
	box-shadow: 1px 1px .3em -.1em black inset;
	padding: .15em .2em .05em;
	white-space: normal
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
	color: #787878
}

.token.punctuation {
	opacity: .7
}

.token.namespace {
	opacity: .7
}

.token.tag,
.token.boolean,
.token.number,
.token.deleted {
	color: #cf694a
}

.token.keyword,
.token.property,
.token.selector,
.token.constant,
.token.symbol,
.token.builtin {
	color: #f9ee9a
}

.token.attr-name,
.token.attr-value,
.token.string,
.token.char,
.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string,
.token.variable,
.token.inserted {
	color: #919e6b
}

.token.atrule {
	color: #7386a5
}

.token.regex,
.token.important {
	color: #e9c163
}

.token.important,
.token.bold {
	font-weight: bold
}

.token.italic {
	font-style: italic
}

.token.entity {
	cursor: help
}

pre[data-line] {
	padding: 1em 0 1em 3em;
	position: relative
}

.language-markup .token.tag,
.language-markup .token.attr-name,
.language-markup .token.punctuation {
	color: #ad895c
}

.token {
	position: relative;
	z-index: 1
}

.line-highlight {
	background: rgba(84, 84, 84, 0.25);
	background: linear-gradient(to right, rgba(84, 84, 84, 0.1) 70%, rgba(84, 84, 84, 0));
	border-bottom: 1px dashed #545454;
	border-top: 1px dashed #545454;
	left: 0;
	line-height: inherit;
	margin-top: 0.75em;
	padding: inherit 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	white-space: pre;
	z-index: 0
}

.line-highlight:before,
.line-highlight[data-end]:after {
	background-color: #8794a6;
	border-radius: 999px;
	box-shadow: 0 1px white;
	color: #f5f2f0;
	content: attr(data-start);
	font: bold 65%/1.5 sans-serif;
	left: .6em;
	min-width: 1em;
	padding: 0 .5em;
	position: absolute;
	text-align: center;
	text-shadow: none;
	top: .4em;
	vertical-align: .3em
}

.line-highlight[data-end]:after {
	bottom: .4em;
	content: attr(data-end);
	top: auto
}

pre[data-line] {
	position: relative;
	padding: 1em 0 1em 3em
}

.line-highlight {
	position: absolute;
	left: 0;
	right: 0;
	padding: inherit 0;
	margin-top: 1em;
	background: rgba(153, 122, 102, 0.08);
	background: linear-gradient(to right, rgba(153, 122, 102, 0.1) 70%, rgba(153, 122, 102, 0));
	pointer-events: none;
	line-height: inherit;
	white-space: pre
}

@media print {
	.line-highlight {
		-webkit-print-color-adjust: exact;
		color-adjust: exact
	}
}

.line-highlight:before,
.line-highlight[data-end]:after {
	content: attr(data-start);
	position: absolute;
	top: .4em;
	left: .6em;
	min-width: 1em;
	padding: 0 .5em;
	background-color: rgba(153, 122, 102, 0.4);
	color: #f5f2f0;
	font: bold 65%/1.5 sans-serif;
	text-align: center;
	vertical-align: .3em;
	border-radius: 999px;
	text-shadow: none;
	box-shadow: 0 1px white
}

.line-highlight[data-end]:after {
	content: attr(data-end);
	top: auto;
	bottom: .4em
}

.line-numbers .line-highlight:before,
.line-numbers .line-highlight:after {
	content: none
}

pre[id].linkable-line-numbers span.line-numbers-rows {
	pointer-events: all
}

pre[id].linkable-line-numbers span.line-numbers-rows > span:before {
	cursor: pointer
}

pre[id].linkable-line-numbers span.line-numbers-rows > span:hover:before {
	background-color: rgba(128, 128, 128, 0.2)
}

pre[class*="language-"].line-numbers {
	position: relative;
	padding-left: 3.8em;
	counter-reset: linenumber
}

pre[class*="language-"].line-numbers > code {
	position: relative;
	white-space: inherit
}

.line-numbers .line-numbers-rows {
	position: absolute;
	pointer-events: none;
	top: 0;
	font-size: 100%;
	left: -3.8em;
	width: 3em;
	letter-spacing: -1px;
	border-right: 1px solid #999;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.line-numbers-rows > span {
	display: block;
	counter-increment: linenumber
}

.line-numbers-rows > span:before {
	content: counter(linenumber);
	color: #999;
	display: block;
	padding-right: 0.8em;
	text-align: right
}

div.code-toolbar {
	position: relative
}

div.code-toolbar > .toolbar {
	position: absolute;
	top: .3em;
	right: .5em;
	transition: opacity 0.3s ease-in-out;
	opacity: 0
}

div.code-toolbar:hover > .toolbar {
	opacity: 1
}

div.code-toolbar:focus-within > .toolbar {
	opacity: 1
}

div.code-toolbar > .toolbar .toolbar-item {
	display: inline-block
}

div.code-toolbar > .toolbar a {
	cursor: pointer
}

div.code-toolbar > .toolbar button {
	background: none;
	border: 0;
	color: inherit;
	font: inherit;
	line-height: normal;
	overflow: visible;
	padding: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none
}

div.code-toolbar > .toolbar a,
div.code-toolbar > .toolbar button,
div.code-toolbar > .toolbar span {
	color: #bbb;
	font-size: .8em;
	padding: 0 .5em;
	background: #f5f2f0;
	background: rgba(224, 224, 224, 0.2);
	box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2);
	border-radius: .5em
}

div.code-toolbar > .toolbar a:hover,
div.code-toolbar > .toolbar a:focus,
div.code-toolbar > .toolbar button:hover,
div.code-toolbar > .toolbar button:focus,
div.code-toolbar > .toolbar span:hover,
div.code-toolbar > .toolbar span:focus {
	color: inherit;
	text-decoration: none
}

.accordion-button {
	width: 100% !important;
	padding-left: 2em !important;
	align-items: left !important;
	justify-content: flex-start !important
}

.accordion-button:after {
	position: absolute;
	order: -1;
	margin-right: .5em !important;
	left: 0vw !important
}

:root {
	--phoneWidth: (max-width: 576px);
	--tabletWidth: (max-width: 992px)
}

.button-container {
	display: table;
	margin-left: auto;
	margin-right: auto
}

button,
.button,
a.button {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 8px 18px;
	margin-bottom: 5px;
	text-decoration: none;
	text-align: center;
	font-weight: 500;
	border-radius: 8px;
	border: 1px solid transparent;
	appearance: none;
	cursor: pointer;
	outline: none;
	background: #0b0b0b
}

@media (prefers-color-scheme: dark) {

	button,
	.button,
	a.button {
		background: #0b0b0b;
		color: inherit
	}
}

@media (prefers-color-scheme: light) {

	button,
	.button,
	a.button {
		background: #0b0b0b
	}
}

button.outline,
.button.outline,
a.button.outline {
	background: transparent;
	box-shadow: none;
	padding: 8px 18px;
	border-color: #eaeaea
}

@media (prefers-color-scheme: dark) {

	button.outline,
	.button.outline,
	a.button.outline {
		border-color: #1c1c1c;
		color: inherit
	}
}

@media (prefers-color-scheme: light) {

	button.outline,
	.button.outline,
	a.button.outline {
		border-color: #eaeaea
	}
}

[data-theme=dark] button.outline,
[data-theme=dark] .button.outline,
[data-theme=dark] a.button.outline {
	border-color: #1c1c1c;
	color: inherit
}

[data-theme=light] button.outline,
[data-theme=light] .button.outline,
[data-theme=light] a.button.outline {
	border-color: #eaeaea;
	color: inherit
}

button.outline :hover,
.button.outline :hover,
a.button.outline :hover {
	transform: none;
	box-shadow: none
}

button.primary,
.button.primary,
a.button.primary {
	box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08)
}

button.primary:hover,
.button.primary:hover,
a.button.primary:hover {
	box-shadow: 0 2px 6px rgba(50, 50, 93, 0.21), 0 1px 3px rgba(0, 0, 0, 0.08)
}

button.link,
.button.link,
a.button.link {
	background: none;
	font-size: 1rem
}

button.small,
.button.small,
a.button.small {
	font-size: .8rem
}

button.wide,
.button.wide,
a.button.wide {
	min-width: 200px;
	padding: 14px 24px
}

.dogepedia-button {
	position: relative;
	top: 4.5vh !important;
	margin: auto !important;
	background-color: #dfc66d !important;
	color: #000000 !important;
	font-size: x-small
}

.dogepedia-button a {
	top: 0vh !important
}

.code-toolbar {
	margin-bottom: 20px
}

.code-toolbar .toolbar-item a {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 3px 8px;
	margin-bottom: 5px;
	text-decoration: none;
	text-align: center;
	font-size: 13px;
	font-weight: 500;
	border-radius: 8px;
	border: 1px solid transparent;
	appearance: none;
	cursor: pointer;
	outline: none;
	background: #eaeaea
}

@media (prefers-color-scheme: dark) {
	.code-toolbar .toolbar-item a {
		background: #1c1c1c;
		color: inherit
	}
}

@media (prefers-color-scheme: light) {
	.code-toolbar .toolbar-item a {
		background: #eaeaea;
		color: inherit
	}
}

[data-theme=dark] .code-toolbar .toolbar-item a {
	background: #1c1c1c;
	color: inherit
}

[data-theme=light] .code-toolbar .toolbar-item a {
	background: #eaeaea;
	color: inherit
}

.tooltip {
	position: relative
}

.tooltip .caret {
	padding: 0.5em !important;
	font-size: 1.1em
}

.tooltip .tooltip-content {
	position: absolute;
	display: none
}

.tooltip .tooltip-content .tooltip-body {
	margin-top: 10px;
	text-align: left;
	background-color: #0f0f0f;
	padding: 15px 0px;
	font-size: .9em
}

.tooltip .tooltip-content .tooltip-body > div {
	padding: 0px 15px
}

.tooltip .tooltip-content .tooltip-body a {
	display: block;
	width: 100%;
	padding: 5px 15px
}

.tooltip .tooltip-content .tooltip-body a:hover {
	background-color: #000;
	text-decoration: none
}

.tooltip .tooltip-content .tooltip-body::after {
	position: absolute;
	top: 5px;
	left: 9px;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #0f0f0f;
	content: " ";
	font-size: 0;
	line-height: 0;
	margin-left: 10px;
	width: 0
}

.tooltip:hover .tooltip-content {
	display: block;
	opacity: 1
}

.header {
	width: 100vw;
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	padding: 10px 15px;
	color: #fff;
	font-family: "Montserrat"sans-serif;
	z-index: 100;
	transition: padding .2s ease-in;
	background: transparent
}

.header__right {
	display: flex;
	flex-direction: row;
	align-items: center
}

@media (max-width: 992px) {
	.header__right {
		flex-direction: row-reverse
	}
}

.header__right .menu-trigger {
	position: inherit;
	padding-left: 1rem !important;
	padding-right: 1.85rem !important;
	padding-bottom: 1.85em !important
}

.header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 auto;
	width: 100%;
	max-width: 1200px
}

.header.minimize {
	background: #0b0b0b;
	padding: 5px
}

.header.minimize .logo img {
	height: 2rem
}

header.scrolled {
	background: #0a0a0a;
	opacity: .9;
	transition: background-color 200ms linear
}

.theme-toggle {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	cursor: pointer
}

.theme-toggler {
	fill: currentColor
}

.not-selectable {
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none
}

.mt-1 {
	margin-top: 12px !important
}

.logo {
	color: #ffffff;
	display: flex;
	text-decoration: none;
	font-weight: bold;
	font-display: auto;
	padding-right: 1vw
}

.logo img {
	height: 42px;
	transition: height .2s ease-in
}

.logo .logo-labels {
	margin-left: 10px;
	padding-top: 10px;
	line-height: 1.4em
}

.logo .logo-labels .main-label {
	font-size: 1.5em
}

.logo .logo-labels .sub-label {
	font-weight: 300;
	letter-spacing: 2px
}

.logo__mark {
	margin-right: 5px
}

.logo__text {
	font-size: 1.125rem
}

.logo__cursor {
	display: inline-block;
	width: 10px;
	height: 1rem;
	background: #fe5186;
	margin-left: 5px;
	border-radius: 1px;
	animation: cursor 1s infinite
}

@media (prefers-reduced-motion: reduce) {
	.logo__cursor {
		animation: none
	}
}

@keyframes cursor {
	0% {
		opacity: 0
	}

	50% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

.menu {
	z-index: 9999
}

@media (max-width: 992px) {
	.menu {
		position: absolute;
		top: 50px;
		right: 0;
		border: none;
		margin: 0;
		padding: 10px
	}
}

.menu__inner {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	max-width: 100%;
	margin: 0 auto;
	padding: 0 15px;
	font-size: 1rem;
	list-style: none
}

.menu__inner li {
	margin: 0 9px
}

@media (max-width: 992px) {
	.menu__inner {
		flex-direction: column;
		align-items: flex-start;
		padding: 15px
	}

	.menu__inner li {
		margin: 0;
		padding: 5px
	}
}

.menu-trigger {
	width: 24px;
	height: 24px;
	fill: currentColor;
	margin-left: 10px;
	cursor: pointer;
	display: none
}

@media (max-width: 992px) {
	.menu-trigger {
		display: block
	}
}

.menu a {
	display: inline-block;
	margin-right: 15px;
	text-decoration: none
}

.menu a:hover {
	text-decoration: underline
}

.menu a:last-of-type {
	margin-right: 0
}

.locale {
	margin-left: -15px;
	display: inline-block;
	text-transform: uppercase;
	min-width: 113px;
	text-align: left
}

.locale a {
	text-decoration: none !important
}

.locale .icon {
	display: inline-block;
	font-size: .78rem;
	text-decoration: none
}

.locale:hover {
	cursor: pointer
}

.locale:hover .locale-list {
	background-color: #1c1c1c
}

.locale:hover .locale-list:before {
	border-color: transparent #1c1c1c transparent transparent
}

.locale:hover .lang:hover {
	background-color: #000
}

.locale:hover .locale-list {
	margin-top: 5px;
	display: block;
	position: absolute;
	width: 110px;
	padding: 10px 0px 10px 0px
}

.locale:hover .locale-list::before {
	content: "";
	position: absolute;
	height: 0px;
	width: 0px;
	top: -15px;
	left: 20px;
	border-width: 10px;
	border-style: solid;
	transform: rotate(90deg)
}

.locale:hover .locale-list .lang {
	display: block;
	text-align: left;
	padding: 1px 0 1px 10px
}

.locale:hover .locale-list a {
	display: inline-block;
	padding: 3px;
	align-items: flex-start;
	justify-content: left;
	text-decoration: none
}

.locale-list {
	display: none
}

@media screen and (max-width: 992px) {
	.lang1 {
		display: none
	}

	.locale {
		min-width: 0
	}
}

* {
	margin: 0;
	letter-spacing: 0
}

html {
	position: relative;
	box-sizing: border-box;
	line-height: 1.6;
	letter-spacing: 0.06em;
	scroll-behavior: smooth;
	overflow-x: hidden;
	padding-left: 0px !important;
	padding-right: 0px !important;
	margin: 0 auto !important
}

*,
*:before,
*:after {
	box-sizing: inherit
}

body {
	margin: 0;
	padding: 0;
	font-family: "Lato", -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", Helvetica, Arial, sans-serif;
	font-display: auto;
	font-size: 1.1rem;
	line-height: 1.54;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	font-feature-settings: "liga", "tnum", "case", "calt", "zero", "ss01", "locl";
	-webkit-overflow-scrolling: touch;
	-webkit-text-size-adjust: 100%;
	display: flex;
	flex-direction: column;
	background-color: #fff;
	color: #222;
	transition: background-color .4s ease-in;
	transition: transform .4s ease-out
}

@media (max-width: 576px) {
	body {
		font-size: 1rem
	}
}

@media (prefers-color-scheme: dark) {
	body {
		background-color: #000;
		color: #fff
	}
}

@media (prefers-color-scheme: light) {
	body {
		background-color: #fff;
		color: #222
	}
}

[data-theme=dark] body {
	background-color: #000;
	color: #fff
}

[data-theme=light] body {
	background-color: #fff;
	color: #222
}

body.armageddon {
	transform: rotate(25deg);
	overflow: hidden
}

body.armageddon header,
body.armageddon .left,
body.armageddon footer {
	transition: transform 2s cubic-bezier(0.2, 0, 0.84, 0);
	transform: translate(100%, 40px)
}

body.armageddon .doge-container {
	transition: transform .4s ease-out;
	transform: rotate(-25deg)
}

.title {
	font-size: 1.2rem
}

[data-theme="dark"] .title {
	color: #ffffff !important
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Montserrat', sans-serif
}

h2,
h3,
h4,
h5,
h6 {
	align-items: center;
	line-height: 1.3
}

h1 {
	font-size: 2.625rem
}

h2 {
	font-size: 1.625rem;
	margin-top: 2.5em
}

h3 {
	font-size: 1.375rem
}

h4 {
	font-size: 1.125rem
}

@media (max-width: 576px) {
	h1 {
		font-size: 2rem
	}

	h2 {
		font-size: 1.4rem
	}

	h3 {
		font-size: 1.15rem
	}

	h4 {
		font-size: 1.125rem
	}
}

a {
	color: inherit
}

img {
	display: block;
	max-width: 100%
}

img.left {
	margin-right: auto
}

img.center {
	margin-left: auto;
	margin-right: auto
}

img.right {
	margin-left: auto
}

img.circle {
	border-radius: 50%;
	max-width: 25%;
	margin: auto
}

figure {
	display: table;
	max-width: 100%;
	margin: 25px 0
}

figure.left {
	margin-right: auto
}

figure.left-floated {
	margin-right: auto;
	float: left
}

figure.left-floated img {
	margin: 20px 20px 20px 0
}

figure.center {
	margin-left: auto;
	margin-right: auto
}

figure.right {
	margin-left: auto
}

figure.right-floated {
	margin-left: auto;
	float: right
}

figure.right-floated img {
	margin: 20px 0 20px 20px
}

figure.rounded img {
	border-radius: 50%
}

figure figcaption {
	font-size: 14px;
	margin-top: 5px;
	opacity: 0.8
}

figure figcaption.left {
	text-align: left
}

figure figcaption.center {
	text-align: center
}

figure figcaption.right {
	text-align: right
}

em,
i,
strong {
	color: black
}

@media (prefers-color-scheme: dark) {

	em,
	i,
	strong {
		color: white
	}
}

@media (prefers-color-scheme: light) {

	em,
	i,
	strong {
		color: black
	}
}

[data-theme=dark] em,
[data-theme=dark] i,
[data-theme=dark] strong {
	color: white
}

[data-theme=light] em,
[data-theme=light] i,
[data-theme=light] strong {
	color: black
}

code {
	font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
	font-display: auto;
	font-feature-settings: normal;
	padding: 1px 6px;
	margin: 0 2px;
	border-radius: 5px;
	font-size: 0.95rem;
	background: #eaeaea
}

@media (prefers-color-scheme: dark) {
	code {
		background: #1c1c1c
	}
}

@media (prefers-color-scheme: light) {
	code {
		background: #eaeaea
	}
}

[data-theme=dark] code {
	background: #1c1c1c
}

[data-theme=light] code {
	background: #eaeaea
}

pre {
	background: #212020;
	padding: 10px 10px 10px 20px;
	border-radius: 8px;
	font-size: 0.95rem;
	overflow: auto
}

@media (max-width: 576px) {
	pre {
		white-space: pre-wrap;
		word-wrap: break-word
	}
}

pre code {
	background: none !important;
	margin: 0;
	padding: 0;
	font-size: inherit;
	color: #ccc
}

@media (prefers-color-scheme: dark) {
	pre code {
		color: inherit
	}
}

@media (prefers-color-scheme: light) {
	pre code {
		color: #ccc
	}
}

[data-theme=dark] pre code {
	color: inherit
}

[data-theme=light] pre code {
	color: #ccc
}

blockquote {
	border-left: 3px solid #3eb0ef;
	margin: 40px;
	padding: 10px 20px
}

@media (max-width: 576px) {
	blockquote {
		margin: 10px;
		padding: 10px
	}
}

blockquote:before {
	content: "”";
	font-family: Georgia, serif;
	font-display: auto;
	font-size: 3.875rem;
	position: absolute;
	left: -40px;
	top: -20px
}

blockquote p:first-of-type {
	margin-top: 0
}

blockquote p:last-of-type {
	margin-bottom: 0
}

ul,
ol {
	margin-left: 40px;
	padding: 0
}

@media (max-width: 576px) {

	ul,
	ol {
		margin-left: 20px
	}
}

ol ol {
	list-style-type: lower-alpha
}

.container {
	flex: 1 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center
}

.content {
	display: flex;
	flex-direction: column;
	flex: 1 auto;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 100px 15px 30px 15px
}

@media (max-width: 576px) {
	.content {
		margin-top: 0
	}
}

hr {
	width: 100%;
	border: none;
	height: 1px;
	background: #dcdcdc
}

@media (prefers-color-scheme: dark) {
	hr {
		background: #4e4e57
	}
}

@media (prefers-color-scheme: light) {
	hr {
		background: #dcdcdc
	}
}

[data-theme=dark] hr {
	background: #4e4e57
}

[data-theme=light] hr {
	background: #dcdcdc
}

.hidden {
	display: none
}

@media (max-width: 576px) {
	.hide-on-phone {
		display: none
	}
}

@media (prefers-color-scheme: light) {
	::selection {
		background-color: #222;
		color: #fff
	}
}

@media (prefers-color-scheme: dark) {
	::selection {
		background-color: #fff;
		color: #000
	}
}

[data-theme=light] ::selection {
	background-color: #222;
	color: #fff
}

[data-theme=dark] ::selection {
	background-color: #fff;
	color: #000
}

@media (max-width: 992px) {
	.hide-on-tablet {
		display: none
	}
}

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	width: auto;
	top: 5px;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	z-index: 100000
}

.background-image {
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-position: center center
}

.highlight {
	margin: 30px auto
}

.center {
	text-align: center;
	align-self: center;
	align-items: center;
	margin: auto
}

.comic-neue {
	font-family: "Comic Neue", cursive !important
}

.comic-neue-bold {
	font-family: "Comic Neue", cursive !important;
	font-weight: bold;
	font-size: larger
}

.comic-neue-bold button {
	font-weight: bold
}

@media (min-width: 1400px) {
	.container {
		max-width: 1200px !important
	}
}

.star {
	margin: auto;
	display: flex;
	width: 100px;
	height: 100px;
	clip-path: circle(141.1% at 100% 100%)
}

.star0 {
	top: 90px;
	animation: star infinite 8s ease-out
}

.star1 {
	top: 90px;
	animation: star infinite 4s ease-out
}

.star2 {
	top: 90px;
	left: 100px;
	animation: star infinite 4.5s ease-out
}

.star3 {
	top: 90px;
	left: 150px;
	animation: star infinite 6s ease-out
}

.star4 {
	top: 90px;
	left: 80px;
	animation: star infinite 7s ease-out
}

.star__line {
	width: 100%;
	height: 4px;
	background-color: #fff;
	box-shadow: -1px 2px #fff;
	transform-origin: top left;
	transform: rotate(45deg) scaleX(1.3);
	border-radius: 100%
}

.star__main {
	font-size: 1.25em;
	color: #fff;
	width: 1.25em;
	height: 1.25em;
	line-height: 1.25;
	text-shadow: -0.085em 0.1em #fff;
	align-self: flex-end
}

@keyframes star {
	from {
		transform: translate(-400%, -400%);
		clip-path: circle(0% at 100% 100%)
	}

	30% {
		opacity: 1
	}

	350% {
		opacity: 0.8;
		clip-path: circle(45% at 100% 100%)
	}

	to {
		opacity: 0
	}
}

.posts {
	width: 100%;
	max-width: 800px;
	text-align: left;
	padding: 20px;
	margin: 20px auto
}

@media (max-width: 992px) {
	.posts {
		max-width: 992px
	}
}

.posts:not(:last-of-type) {
	border-bottom: 1px solid #dcdcdc
}

@media (prefers-color-scheme: dark) {
	.posts:not(:last-of-type) {
		border-bottom: 1px solid #4e4e57
	}
}

@media (prefers-color-scheme: light) {
	.posts:not(:last-of-type) {
		border-bottom: 1px solid #dcdcdc
	}
}

[data-theme=dark] .posts:not(:last-of-type) {
	border-bottom: 1px solid #4e4e57
}

[data-theme=light] .posts:not(:last-of-type) {
	border-bottom: 1px solid #dcdcdc
}

.posts-group {
	display: flex;
	margin-bottom: 1.9em;
	line-height: normal
}

@media (max-width: 992px) {
	.posts-group {
		display: block
	}
}

.posts-list {
	flex-grow: 1;
	margin: 0;
	padding: 0;
	list-style: none
}

.posts .post-title {
	font-size: 1rem;
	margin: 5px 0 5px 0
}

.posts .post-year {
	padding-top: 6px;
	margin-right: 1.8em;
	font-size: 1.6em;
	opacity: .6
}

@media (max-width: 992px) {
	.posts .post-year {
		margin: -6px 0 4px
	}
}

.posts .post-item {
	border-bottom: 1px grey dashed
}

.posts .post-item a {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	padding: 12px 0;
	text-decoration: none
}

.posts .post-day {
	flex-shrink: 0;
	margin-left: 1em;
	opacity: .6
}

.post {
	width: 100%;
	max-width: 800px;
	text-align: left;
	padding: 20px;
	margin: 20px auto
}

@media (max-width: 992px) {
	.post {
		max-width: 600px
	}
}

.post-date:after {
	content: '—'
}

.post-title {
	font-size: 2.625rem;
	margin: 0 0 20px
}

@media (max-width: 576px) {
	.post-title {
		font-size: 2rem
	}
}

.post-title a {
	text-decoration: none
}

.post-tags {
	display: block;
	margin-bottom: 20px;
	font-size: 1rem;
	opacity: 0.5
}

.post-tags a {
	text-decoration: none
}

.post-content {
	margin-top: 30px
}

.post-cover {
	border-radius: 8px;
	margin: 40px -50px;
	width: 1400px;
	max-width: 1400px
}

@media (max-width: 992px) {
	.post-cover {
		margin: 20px 0;
		width: 100%
	}
}

.post-excerpt {
	color: grey;
	font-style: italic
}

.post-info {
	margin-top: 30px;
	font-size: 0.8rem;
	line-height: normal;
	opacity: .6
}

.post-info p {
	margin: 0.8em 0
}

.post-info a:hover {
	border-bottom: 1px solid white
}

.post-info svg {
	margin-right: 0.8em
}

.post-info .tag {
	margin-right: 0.5em
}

.post-info .tag::before {
	content: "#"
}

.post-info .feather {
	display: inline-block;
	vertical-align: -.125em;
	width: 1em;
	height: 1em
}

.post-audio {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 20px
}

.post-audio audio {
	width: 90%
}

.post .flag {
	border-radius: 50%;
	margin: 0 5px
}

.pagination {
	margin-top: 20px
}

.pagination__title {
	display: flex;
	text-align: center;
	position: relative;
	margin: 20px 0
}

.pagination__title-h {
	text-align: center;
	margin: 0 auto;
	padding: 5px 10px;
	font-size: 0.8rem;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 0.1em;
	z-index: 1;
	background: #fff;
	color: #999
}

@media (prefers-color-scheme: dark) {
	.pagination__title-h {
		background: #000;
		color: #fff
	}
}

@media (prefers-color-scheme: light) {
	.pagination__title-h {
		background: #fff;
		color: #999
	}
}

[data-theme=dark] .pagination__title-h {
	background: #000;
	color: #fff
}

[data-theme=light] .pagination__title-h {
	background: #fff;
	color: #999
}

.pagination__title hr {
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	margin-top: 15px;
	z-index: 0
}

.pagination__buttons {
	display: flex;
	align-items: center;
	justify-content: center
}

.pagination__buttons a {
	text-decoration: none;
	font-weight: bold
}

.button {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 1rem;
	font-weight: 600;
	border-radius: 8px;
	max-width: 40%;
	padding: 0;
	cursor: pointer;
	appearance: none;
	background: #eaeaea
}

@media (prefers-color-scheme: dark) {
	.button {
		background: #1c1c1c
	}
}

@media (prefers-color-scheme: light) {
	.button {
		background: #eaeaea
	}
}

[data-theme=dark] .button {
	background: #1c1c1c
}

[data-theme=light] .button {
	background: #eaeaea
}

.button + .button {
	margin-left: 10px
}

.button a {
	display: flex;
	padding: 8px 16px;
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.button__text {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.button.next .button__icon {
	margin-left: 8px
}

.button.previous .button__icon {
	margin-right: 8px
}

.footer-container {
	max-width: 1400px;
	margin: auto;
	text-align: left;
	padding: 50px 0
}

.footer-container .footer-row {
	display: flex;
	flex-wrap: wrap
}

.footer-container .footer-row .footer-column1 {
	width: 34%
}

.footer-container .footer-row .footer-column1 p {
	padding-top: 20px;
	font-size: 0.9rem;
	color: #999;
	line-height: 1.7;
	width: 80%
}

.footer-container .footer-row .footer-column {
	width: 22%
}

.footer-container .footer-row .footer-column .footer-title {
	font-size: 22px;
	line-height: 60px;
	margin-bottom: 10px;
	text-decoration: none
}

.footer-container .footer-row .footer-column li {
	list-style: none;
	margin-bottom: 10px
}

.footer-container .footer-row .footer-column li a {
	text-decoration: none;
	font-size: 0.9rem
}

[data-theme=dark] .footer-container .footer-row .footer-column li a {
	color: #fff
}

[data-theme=light] .footer-container .footer-row .footer-column li a {
	color: #999
}

.footer .footer-credits-box {
	display: inline
}

.footer .footer-credits-box .footer-credits {
	display: inline-block;
	width: fit-content
}

.footer-label {
	font-weight: bold
}

[data-theme=dark] .footer-label {
	color: #fff
}

[data-theme=light] .footer-label {
	color: #222
}

@media screen and (max-width: 1200px) {
	.footer-column1 {
		padding-left: 20px
	}
}

@media (max-width: 992px) {
	.footer-image {
		display: none
	}

	.footer-column1 {
		margin-bottom: 20px;
		padding-left: 0;
		width: 50% !important
	}

	.footer-column {
		width: 50% !important;
		margin-bottom: 20px
	}
}

@media (max-width: 576px) {
	.footer-image {
		display: none
	}

	.footer-column1 {
		position: relative;
		padding-right: 1em !important;
		width: 100% !important
	}

	.footer-column {
		position: relative;
		width: 80% !important;
		margin-bottom: 20px;
		margin: auto
	}
}

.footer-image {
	position: absolute;
	bottom: 0px;
	height: 300px;
	width: auto;
	left: 15vw;
	z-index: -10
}

.footer {
	position: relative;
	padding: 10px 20px;
	flex-grow: 0;
	color: #999
}

@media (max-width: 576px) {
	.footer {
		margin-top: 15px
	}
}

[data-theme=dark] .footer {
	border-top: 1px solid #4e4e57
}

[data-theme=light] .footer {
	border-top: 1px solid #dcdcdc
}

.footer__inner {
	display: flex;
	margin: 0 auto;
	width: 1400px;
	max-width: 100%
}

@media (max-width: 992px) {
	.footer__inner {
		flex-direction: column
	}
}

.footer__content {
	display: flex;
	flex: 1;
	justify-content: space-between;
	font-size: 1rem;
	color: #999
}

@media (max-width: 992px) {
	.footer__content {
		flex-direction: column;
		justify-content: center;
		margin: 10px 0px
	}
}

.footer__content > *:last-child {
	padding: 0 0px
}

@media (max-width: 992px) {
	.footer__content > *:last-child {
		padding: 0
	}
}

.footer__content .social-media-icons {
	margin-right: 5px
}

.footer__content .social-media-icons svg {
	width: 16px;
	height: 16px
}

.footer__content-left {
	display: flex;
	align-items: center
}

@media (max-width: 992px) {
	.footer__content-left {
		flex-direction: column;
		justify-content: center
	}
}

.sharing-buttons {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.sharing-buttons .resp-sharing-button__icon,
.sharing-buttons .resp-sharing-button__link {
	display: inline-block
}

.sharing-buttons .resp-sharing-button__link {
	text-decoration: none;
	margin: 0.5em
}

.sharing-buttons .resp-sharing-button {
	border-radius: 5px;
	transition: 25ms ease-out;
	padding: 0.5em 0.75em;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif
}

.sharing-buttons .resp-sharing-button__icon svg {
	width: 1em;
	height: 1em;
	margin-right: 0.4em;
	vertical-align: top
}

.sharing-buttons .resp-sharing-button--small svg {
	margin: 0;
	vertical-align: middle
}

.post-content table {
	border-collapse: collapse;
	margin: 25px auto;
	font-size: 0.9em;
	min-width: 400px;
	max-width: 100%
}

.post-content table th,
.post-content table td {
	padding: 12px 15px;
	border: 1px solid #080808
}

@media (prefers-color-scheme: dark) {

	.post-content table th,
	.post-content table td {
		border: 1px solid #0b0b0c
	}
}

@media (prefers-color-scheme: light) {

	.post-content table th,
	.post-content table td {
		border: 1px solid #080808
	}
}

[data-theme=dark] .post-content table th,
[data-theme=dark] .post-content table td {
	border: 1px solid #0b0b0c
}

[data-theme=light] .post-content table th,
[data-theme=light] .post-content table td {
	border: 1px solid #080808
}

.post-content table thead tr {
	text-align: left;
	background-color: #080808;
	color: #222
}

@media (prefers-color-scheme: dark) {
	.post-content table thead tr {
		background-color: #0b0b0c;
		color: #fff
	}
}

@media (prefers-color-scheme: light) {
	.post-content table thead tr {
		background-color: #080808;
		color: #222
	}
}

[data-theme=dark] .post-content table thead tr {
	background-color: #0b0b0c;
	color: #fff
}

[data-theme=light] .post-content table thead tr {
	background-color: #080808;
	color: #222
}

.post-content table tbody tr {
	border: 1px solid #080808
}

@media (prefers-color-scheme: dark) {
	.post-content table tbody tr {
		border: 1px solid #0b0b0c
	}
}

@media (prefers-color-scheme: light) {
	.post-content table tbody tr {
		border: 1px solid #080808
	}
}

[data-theme=dark] .post-content table tbody tr {
	border: 1px solid #0b0b0c
}

[data-theme=light] .post-content table tbody tr {
	border: 1px solid #080808
}

.btn-404 svg {
	vertical-align: middle;
	display: inline-block;
	margin-right: 5px
}

.btn-404 a {
	margin: 0 10px
}

.home .main {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	max-width: 1400px
}

[data-theme="dark"] .home .main {
	color: #ffffff
}

@media (max-width: 991px) {
	.home video {
		object-fit: cover;
		width: 100vw;
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
		visibility: visible
	}
}

@media (min-width: 992px) {
	.home video {
		object-fit: cover;
		object-position: 100% 100%;
		width: 100vw;
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
		visibility: visible
	}
}

.home video.scrolled {
	visibility: hidden
}

.home .viewport-header {
	position: relative;
	height: 100vh;
	text-align: center;
	margin-top: -100px;
	display: flex;
	align-items: center;
	justify-content: center
}

.home .title {
	font-family: "Montserrat", sans-serif
}

.home h1,
.home h2 {
	font-size: 97px;
	line-height: 1.1em;
	margin: 0px;
	display: block
}

@media (max-width: 576px) {

	.home h1,
	.home h2 {
		font-size: 40px
	}
}

.home h1 {
	font-size: 6.9vw;
	font-weight: 700;
	color: #ffffff;
	top: 50%
}

.home h2 {
	font-size: 45px;
	line-height: 1.1em;
	margin: 0px;
	display: block;
	letter-spacing: -1px;
	color: #c5c5c5
}

@media (max-width: 576px) {
	.home h2 {
		font-size: 40px
	}
}

.home h2 {
	font-weight: 700
}

.home .underline {
	width: 100px;
	height: 6px;
	margin: 15px 0px
}

[data-theme="dark"] .home .underline {
	background: #ffffff
}

.home main {
	position: relative;
	padding: 1rem
}

[data-theme="dark"] .home main {
	background: #000000
}

[data-theme="light"] .home main {
	background: white
}

.home main::before {
	content: "";
	height: 100vh;
	position: absolute;
	top: 0;
	left: 0
}

.home main p {
	max-width: 100vw;
	margin: 1rem auto
}

.home .font28 {
	font-size: 28px
}

.home .screen {
	position: relative;
	height: 100%;
	width: 100vw;
	letter-spacing: 1px
}

.home .preload {
	position: relative;
	transform: translateY(-50%);
	font-size: 1.6vw;
	line-height: 5px;
	text-align: center;
	text-transform: lowercase
}

.home .preload__letter {
	display: inline-block;
	margin: 0 0px;
	position: relative;
	letter-spacing: -5px;
	text-transform: lowercase
}

.home .preload__letter--loaded::after {
	content: "";
	width: 100%;
	text-align: center;
	position: relative;
	top: 50%;
	left: 0;
	color: #fff;
	font-size: 18px;
	line-height: 12px
}

.home .d_text_display {
	position: relative;
	overflow: hidden;
	font-size: 5vw
}

.home .d_text_display #dynamic_d {
	opacity: 1;
	left: 0;
	bottom: 0;
	border-radius: 10px;
	transition: 0.5s;
	transform: translateY(100%) scale(1.2);
	visibility: visible
}

.home .d_text_display.for_animation_class #dynamic_d {
	transform: translateY(0%) scale(1);
	visibility: visible
}

.home .dogelogo {
	margin: auto;
	min-width: 35vw;
	cursor: pointer;
	padding-right: 25px
}

@media (max-width: 768px) {
	.home .preload {
		font-size: 20px;
		top: 55%
	}

	.home .dogelogo {
		max-width: 80vw
	}

	.home .d_text_display {
		font-size: 13vw
	}
}

@media (min-width: 768px) and (max-width: 1200px) {
	.home .dogelogo {
		max-width: 50vw
	}

	.home .d_text_display {
		font-size: 6vw
	}
}

@media (min-width: 1200px) {
	.home .fs-3 {
		font-size: 1.55rem !important;
		line-height: 35px
	}
}

.parent {
	position: relative;
	top: 0;
	left: 0
}

.parent-numbers {
	text-align: left;
	position: relative
}

.bg-secondary {
	background-color: #dfc66d !important
}

.btn-outline-secondary {
	position: absolute;
	bottom: 0px
}

h3 {
	max-height: 15% !important;
	font-size: 1.5rem !important
}

@media (max-width: 575px) {
	.parent {
		position: relative;
		top: 0;
		left: 5vw
	}

	.kabosu-content {
		width: 100vw !important;
		height: 100%;
		text-align: left;
		left: 7.5vw;
		padding: 3rem !important;
		padding-bottom: 1rem !important
	}

	.under {
		width: 90%;
		padding: .5rem !important;
		position: relative;
		max-width: 24rem
	}

	.over {
		width: 95%;
		position: absolute;
		top: 5vh;
		left: 0;
		max-width: 28rem
	}

	.parent-numbers {
		height: 28vh;
		width: 100%;
		padding-top: 10px !important;
		padding-left: 10px !important;
		position: unset
	}

	.btn-outline-secondary {
		position: unset
	}

	.under-numbers {
		position: relative;
		width: 100% !important;
		left: 10vw;
		padding-bottom: 1em !important;
		padding: .5rem !important;
		max-width: 24rem
	}

	.over-numbers {
		position: relative;
		width: 100% !important;
		margin: auto;
		top: -21vh;
		font-weight: 600;
		font-size: calc(1.545rem + 3.54vw)
	}
}

@media (max-width: 575px) and (min-width: 1200px) {
	.over-numbers {
		font-size: 4.2rem
	}
}

@media (max-width: 575px) {
	.text-numbers {
		position: relative;
		width: 100% !important;
		padding-left: 2em !important;
		top: -18vh;
		text-align: left
	}
}

@media (min-width: 576px) and (max-width: 767px) {
	.parent {
		position: relative;
		top: 0;
		left: 0
	}

	.kabosu-content {
		height: 100%;
		text-align: left;
		padding: .5rem !important;
		font-size: 1.1rem
	}

	.under {
		width: 100%;
		padding: .5rem !important;
		position: relative;
		max-width: 26rem
	}

	.over {
		width: 120%;
		position: absolute;
		top: 5vh;
		left: 0;
		padding: .5rem !important;
		max-width: 28rem
	}

	.parent-numbers {
		height: 32vh;
		width: 100%;
		padding-top: 10px !important;
		padding-left: 10px !important;
		position: unset
	}

	.btn-outline-secondary {
		position: unset
	}

	.under-numbers {
		position: relative;
		width: 100% !important;
		padding-bottom: 1em !important;
		padding: .5rem !important;
		max-width: 24rem
	}

	.over-numbers {
		position: relative;
		width: 100% !important;
		margin: auto;
		top: -21vh;
		font-weight: 600;
		font-size: calc(1.545rem + 3.54vw)
	}
}

@media (min-width: 576px) and (max-width: 767px) and (min-width: 1200px) {
	.over-numbers {
		font-size: 4.2rem
	}
}

@media (min-width: 576px) and (max-width: 767px) {
	.text-numbers {
		position: relative;
		width: 100% !important;
		padding-left: 2em !important;
		top: -18vh;
		text-align: left;
		font-size: 1.1rem
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.parent {
		position: relative;
		top: 0;
		left: 0
	}

	.kabosu-content {
		position: inherit;
		width: 32vw !important;
		height: 100%;
		text-align: left;
		padding: .5rem !important;
		max-width: 50rem
	}

	.under {
		width: 100%;
		padding: .5rem !important;
		position: relative;
		max-width: 24rem
	}

	.over {
		width: 120%;
		position: absolute;
		top: 5vh;
		left: -1rem;
		margin-right: 1vw;
		padding: .5rem !important;
		max-width: 36rem
	}

	.over-numbers {
		position: relative;
		width: 100% !important;
		margin: auto;
		top: -13.5vh;
		left: 3.5vw;
		max-width: 36rem;
		text-align: left;
		font-weight: 600;
		font-size: calc(1.325rem + .9vw)
	}
}

@media (min-width: 768px) and (max-width: 991px) and (min-width: 1200px) {
	.over-numbers {
		font-size: 2rem
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.text-numbers {
		position: relative;
		width: 100% !important;
		padding-left: 2em !important;
		top: -12vh;
		text-align: left
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.parent {
		position: relative;
		top: 0;
		left: 0
	}

	.kabosu-content {
		position: inherit;
		float: left;
		width: 100%;
		height: 100%;
		text-align: left;
		padding: .5rem !important;
		max-width: 42rem
	}

	.under {
		width: 100%;
		padding: .5rem !important;
		position: relative;
		max-width: 24rem
	}

	.over {
		width: 120%;
		position: absolute;
		top: 5vh;
		left: 0;
		margin-right: 1vw;
		padding: .5rem !important;
		max-width: 28rem
	}

	.over-numbers {
		position: relative;
		width: 100% !important;
		margin: auto;
		top: -14.5vh;
		left: 3.5vw;
		max-width: 36rem;
		text-align: left;
		font-weight: 600;
		font-size: calc(1.325rem + .9vw)
	}
}

@media (min-width: 992px) and (max-width: 1199px) and (min-width: 1200px) {
	.over-numbers {
		font-size: 2rem
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.text-numbers {
		position: relative;
		width: 100% !important;
		padding-left: 2em !important;
		top: -12vh;
		text-align: left
	}
}

@media (min-width: 1200px) and (max-width: 1399px) {
	.parent {
		position: relative;
		top: 0;
		left: 0
	}

	.kabosu-content {
		position: inherit;
		float: left;
		width: 100%;
		height: 100%;
		text-align: left;
		padding: .5rem !important;
		max-width: 42rem
	}

	.under {
		position: relative;
		width: 100%;
		padding: .5rem !important;
		left: 5vw;
		max-width: 24rem
	}

	.over {
		width: 120%;
		position: absolute;
		top: 5vh;
		left: 4vw;
		padding: .5rem !important;
		max-width: 28rem
	}

	.over-numbers {
		position: relative;
		width: 100% !important;
		margin: auto;
		top: -14.5vh;
		left: 1.5vw;
		max-width: 18rem;
		text-align: left;
		font-weight: 600;
		font-size: calc(1.325rem + .9vw)
	}
}

@media (min-width: 1200px) and (max-width: 1399px) and (min-width: 1200px) {
	.over-numbers {
		font-size: 2rem
	}
}

@media (min-width: 1200px) and (max-width: 1399px) {
	.text-numbers {
		position: relative;
		width: 100% !important;
		padding-left: 2em !important;
		top: -12vh;
		text-align: left
	}
}

@media (min-width: 1400px) {
	.parent {
		position: relative;
		top: 0;
		left: 0
	}

	.kabosu-content {
		position: inherit;
		float: left;
		width: 100%;
		height: 100%;
		text-align: left;
		padding: .5rem !important;
		max-width: 42rem
	}

	.under {
		position: relative;
		width: 100%;
		left: 7.5vw;
		padding: .5rem !important;
		max-width: 24rem
	}

	.over {
		width: 120%;
		position: absolute;
		top: 5vh;
		left: 5.5vw;
		padding: .5rem !important;
		max-width: 30rem
	}

	.under-numbers {
		position: relative;
		width: 33vh !important;
		padding-bottom: 1em !important;
		padding: .5rem !important;
		max-width: 24rem
	}

	.over-numbers {
		position: relative;
		width: 100% !important;
		margin: auto;
		top: -17vh;
		max-width: 18rem;
		text-align: left;
		font-weight: 600;
		font-size: calc(1.325rem + .9vw)
	}
}

@media (min-width: 1400px) and (min-width: 1200px) {
	.over-numbers {
		font-size: 2rem
	}
}

@media (min-width: 1400px) {
	.text-numbers {
		position: relative;
		width: 100% !important;
		padding-left: 2em !important;
		top: -12vh;
		text-align: left
	}
}

.gold-highlight {
	color: #c4b367 !important;
	padding: 3px 5px;
	background-color: #faf5df;
	border-radius: 1px
}

.wallets-bg {
	width: 100vw !important;
	background-image: url(../images/wallets_bg.png);
	background-size: 100vw;
	background-repeat: no-repeat
}

.wallet {
	position: relative;
	overflow: hidden;
	display: block;
	padding-top: 15vh
}

[data-theme="dark"] .wallet {
	color: #ffffff
}

[data-theme="dark"] .wallet .card-body {
	color: #000000
}

.wallet .card {
	height: 100%;
	width: 100%;
	min-height: 12rem !important;
	max-height: 19rem !important;
	min-width: 12rem !important;
	max-width: 32rem !important;
	padding-top: 0.5rem !important
}

.wallet p {
	font-size: .85rem
}

.wallet .dropdown-toggle::after {
	visibility: hidden !important
}

.rounded-5 {
	border-radius: 20px;
	border: none
}

@media (min-width: 992px) {
	.wallet-blurb {
		width: 80%;
		margin: 0 !important
	}
}

.google-play-button {
	width: 15vw;
	height: auto;
	margin-top: 10px;
	margin-left: -5px
}

.wallet-bottom-container {
	padding-top: 12vh !important;
	margin-top: 10vh
}

@media (prefers-color-scheme: light) {
	.btn-outline-secondary {
		color: #222
	}
}

@media (prefers-color-scheme: dark) {
	.btn-outline-secondary {
		color: #fff
	}
}

[data-theme=light] .btn-outline-secondary {
	color: #222
}

[data-theme=dark] .btn-outline-secondary {
	color: #fff
}

.community {
	position: relative;
	display: block;
	padding: 7.5vh 0 0 0
}

[data-theme=dark] .community {
	color: #ffffff
}

.community .do-only {
	font-size: 6.5vw
}

.community .good-everyday {
	font-size: 6.5vw;
	padding-right: 1rem !important
}

.community .video {
	max-width: 100%;
	height: auto
}

.community .social-image {
	border: 0.5px solid gainsboro;
	width: 24% !important
}

.community .social-image a img {
	padding: 0 !important;
	height: 100%;
	vertical-align: middle
}

.community .youtube-logo {
	max-width: 60% !important
}

@media (max-width: 575px) {
	.community {
		width: 100vw;
		position: relative;
		display: block;
		padding-top: 6.5em;
		left: 3rem
	}

	[data-theme="dark"] .community {
		color: #ffffff
	}
}

@media (min-width: 992px) {
	.community .do-only-box {
		margin-left: 10vw
	}

	.doge-graphics {
		position: relative;
		width: 100%;
		margin: auto
	}

	.doge-graphics-letter {
		margin: auto
	}
}

#community > div > div > a {
	text-decoration: none
}

@media (prefers-color-scheme: light) {
	#community > div > div > a:nth-child(1) > div {
		background-image: url(../fonts/Twitter_Logo.svg) !important
	}
}

@media (prefers-color-scheme: dark) {
	#community > div > div > a:nth-child(1) > div {
		background-image: url(../fonts/Twitter_Dark_Logo.svg) !important
	}
}

[data-theme=light] #community > div > div > a:nth-child(1) > div {
	background-image: url(../fonts/Twitter_Logo.svg) !important
}

[data-theme=dark] #community > div > div > a:nth-child(1) > div {
	background-image: url(../fonts/Twitter_Dark_Logo.svg) !important
}

@media (prefers-color-scheme: light) {
	#community > div > div > a:nth-child(2) > div {
		background-image: url(../fonts/Reddit_Logo.svg) !important
	}
}

@media (prefers-color-scheme: dark) {
	#community > div > div > a:nth-child(2) > div {
		background-image: url(../fonts/Reddit_Dark_Logo.svg) !important
	}
}

[data-theme=light] #community > div > div > a:nth-child(2) > div {
	background-image: url(../fonts/Reddit_Logo.svg) !important
}

[data-theme=dark] #community > div > div > a:nth-child(2) > div {
	background-image: url(../fonts/Reddit_Dark_Logo.svg) !important
}

@media (prefers-color-scheme: light) {
	#community > div > div > a:nth-child(3) > div {
		background-image: url(../fonts/Discord_Logo.svg) !important
	}
}

@media (prefers-color-scheme: dark) {
	#community > div > div > a:nth-child(3) > div {
		background-image: url(../fonts/Discord_Dark_Logo.svg) !important
	}
}

[data-theme=light] #community > div > div > a:nth-child(3) > div {
	background-image: url(../fonts/Discord_Logo.svg) !important
}

[data-theme=dark] #community > div > div > a:nth-child(3) > div {
	background-image: url(../fonts/Discord_Dark_Logo.svg) !important
}

.resources-top {
	position: relative;
	display: block;
	width: 100%;
	padding: 1rem !important;
	margin: auto !important;
	background-color: #000000;
}

.resources-bottom {
	background-image: url(../images/25.png), url(../images/31.png);
	background-position: left, right;
	background-repeat: no-repeat;
	position: relative;
	display: block
}

[data-theme="dark"] .resources-bottom {
	color: #000000
}

[data-theme="light"] .resources-bottom .accordion-header {
	color: #ffffff
}

[data-theme="light"] .resources-bottom .accordion-body {
	color: #000000
}

.resources-bottom.card {
	background-color: #fcf4df
}

@media (max-width: 576px) {
	#resources {
		width: 100%;
		position: relative;
		display: block;
		padding-top: 6.5em;
		left: 3rem
	}

	.resources-bottom {
		width: 100%;
		top: 6.5rem !important;
		padding: 1rem !important;
		margin: auto !important;
		height: 100% !important;
		position: relative;
		display: block;
		top: 5vh !important
	}
}

@media (max-width: 768px) {
	#resources {
		width: 100%;
		position: relative;
		display: block;
		padding-top: 6.5em
	}

	.resources-bottom {
		position: relative;
		display: block;
		top: 5vh !important
	}

	.resources-bottom .card {
		width: 96px
	}
}

@media (min-width: 992px) {

	.resources-image,
	.resources-menu {
		padding-top: 50px
	}

	.resources-image img {
		max-width: 130% !important;
		margin-left: -30%
	}
}

@media (max-width: 992px) {
	#resources {
		height: 100%
	}

	.resources-top {
		margin: 50px 0 100px 0
	}

	.resources-bottom {
		position: relative;
		display: block;
		top: 5vh !important
	}

	.resources-bottom .card {
		width: 96px
	}
}

@media (max-width: 1200px) {
	.resources-top {
		margin: 50px 0 50px 0
	}

	.resources-bottom {
		position: relative;
		display: block;
		top: 5vh !important
	}

	.resources-bottom .card {
		width: 96px
	}
}

@media (min-width: 1400px) {
	.resources-top {
		margin: 50px 0 100px 0
	}

	.resources-bottom {
		height: 55vh !important;
		position: relative;
		display: block;
		top: 10vh !important
	}

	.resources-bottom .card {
		width: 96px
	}
}

.find-more-card {
	border-radius: 10px !important;
	text-align: left !important
}

.find-more-card h5 {
	font-weight: bold
}

.find-more-card .find-more-text {
	padding: 1rem;
	padding-bottom: 0.7rem
}

.find-more-card .find-more-text a {
	padding-bottom: 0.3rem;
	text-decoration: none !important;
	border-bottom: 1px solid #000000
}

.dogepedia article > div > p > img {
	max-width: 300px !important;
	margin: auto
}

.dogepedia h2 {
	border-left: 5px solid #B79C32;
	padding: 10px
}

.dogepedia h3 {
	padding: 10px 10px 10px 0
}

.dogepedia article > div > ul > li {
	list-style: none;
	border-left: 2px solid #CCCCCC;
	margin: 5px;
	padding-left: 15px
}

.dogepedia li > a {
	text-decoration: none
}

.dogepedia .title {
	position: relative;
	padding: 200px 100px 150px 100px;
	margin-top: -100px;
	background-color: #000;
	background-image: url("../fonts/blochain_doge_light.svg");
	opacity: 1;
	background-repeat: no-repeat;
	background-size: contain;
	background-blend-mode: soft-light;
	background-position: bottom right;
	width: 100vw
}

.dogepedia .title h1 {
	font-weight: bold;
	color: white
}

.dogepedia .title a {
	color: white
}

.dogepedia .title b {
	color: #ccae40
}

.dogepedia .content {
	position: relative
}

.dogepedia .box {
	margin-top: 50px !important;
	margin-bottom: 50px !important;
	width: 95vw;
	margin: auto
}

.dogepedia .item {
	display: block;
	border: none;
	padding: 20px 0px
}

.dogepedia .item h4 {
	font-weight: bold;
	float: left;
	width: 70%;
	height: 100%;
	margin: auto;
	text-align: left
}

.dogepedia .item a {
	float: right;
	min-width: 150px;
	width: 20%
}

.dogepedia .item a:link {
	text-decoration: none
}

.dogepedia .item a:visited {
	text-decoration: none
}

.dogepedia .item button {
	color: white;
	background-color: #ccae40;
	border-radius: 0;
	float: right
}

.dogepedia .collapsible {
	display: block;
	background-color: #eee;
	color: #444;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 15px;
	border-radius: 0
}

.dogepedia .active,
.dogepedia .collapsible:hover {
	background-color: #ccc
}

.dogepedia .expanded {
	padding: 0 18px;
	display: none;
	overflow: hidden;
	background-color: #f1f1f1;
	text-align: left !important;
	margin-bottom: 10px
}

.dogepedia .tab {
	top: 0;
	overflow: hidden;
	min-width: 250px;
	width: 30%;
	float: left
}

.dogepedia .tab button {
	display: block;
	width: 100%;
	color: #000000;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	text-align: left;
	padding: 14px 16px;
	transition: 0.3s;
	border-bottom: 0.5px solid gainsboro;
	border-radius: 0
}

.dogepedia .tab button:hover {
	color: #ccae40 !important;
	background-color: transparent;
	border-radius: 0
}

.dogepedia .tab button.active {
	color: #ccae40 !important;
	background-color: transparent;
	border-radius: 0
}

.tabcontent {
	width: 65%;
	float: right;
	display: none;
	padding: 6px 12px;
	border-top: none
}

@media screen and (max-width: 935px) {
	.tab {
		width: 100%
	}

	.tab button {
		display: inline-block;
		width: 50%
	}

	.tabcontent {
		width: 100%;
		float: none
	}
}

@media screen and (max-width: 480px) {
	.dogepedia {
		font-size: 15px !important
	}

	.dogepedia .tab {
		margin-bottom: 20px
	}

	.dogepedia .item h4,
	.dogepedia .item a {
		display: block !important;
		text-align: left;
		width: 100%
	}

	.dogepedia .item button {
		float: left
	}
}

.left {
	text-align: left
}

@media (max-width: 576px) {
	.left {
		text-align: center
	}
}

.left .title {
	font-family: "Montserrat", sans-serif
}

.left .title h1,
.left .title h2 {
	font-size: 97px;
	line-height: 1.1em;
	margin: 0px;
	display: block
}

@media (max-width: 576px) {

	.left .title h1,
	.left .title h2 {
		font-size: 40px
	}
}

.left .title h1 {
	font-weight: 300
}

.left .title h2 {
	font-weight: 700
}

.left .underline {
	width: 100px;
	height: 6px;
	margin: 15px 0px
}

[data-theme=dark] .left .underline {
	background: #ffffff
}

[data-theme=light] .left .underline {
	background: #c5c5c5
}

@media (max-width: 576px) {
	.left .underline {
		margin: 15px auto
	}
}

.left .subtitle {
	margin: 0px;
	font-size: 32px;
	font-weight: 200
}

.doge-container {
	position: relative;
	width: 384px;
	height: 384px;
	overflow: hidden;
	border-radius: 50%;
	display: flex;
	justify-content: center
}

[data-theme=dark] .doge-container {
	background: #000000
}

[data-theme=light] .doge-container {
	background: #dbdbdb
}

.doge-container.mobile {
	display: none
}

@media (max-width: 576px) {
	.doge-container {
		width: 150px;
		height: 150px
	}

	.doge-container.desktop {
		display: none
	}

	.doge-container.mobile {
		display: block
	}
}

.doge-container .kabosu {
	z-index: 3;
	position: relative;
	top: 60px;
	width: 300px;
	height: 372px
}

@media (max-width: 576px) {
	.doge-container .kabosu {
		top: 20px;
		left: 15px;
		width: 124px;
		height: 148px
	}
}

.doge-container #left-eye,
.doge-container #right-eye,
.doge-container #nose {
	z-index: 2;
	position: absolute
}

.doge-container .eyes-background {
	position: absolute;
	z-index: 1;
	left: 150px;
	top: 145px;
	width: 130px;
	height: 50px;
	background-color: #E4D79A
}

.doge-container #left-eye {
	top: 171px;
	left: 166px;
	width: 20px;
	height: auto
}

.doge-container #right-eye {
	top: 157px;
	left: 243px;
	width: 20px;
	height: auto
}

.doge-container #nose {
	z-index: 4;
	cursor: pointer;
	top: 200px;
	left: 245px;
	width: 40px;
	height: 33px;
	border-radius: 50%
}

.doge-container .thought {
	font-family: "Montserrat", sans-serif;
	font-weight: bold;
	z-index: 5;
	display: none;
	background-color: #fff;
	padding: 20px;
	border-radius: 30px;
	min-width: 40px;
	max-width: 220px;
	min-height: 40px;
	margin: 20px;
	position: absolute;
	align-items: center;
	justify-content: center;
	text-align: center
}

.doge-container .thought.visible {
	display: flex
}

.doge-container .thought::before,
.doge-container .thought::after {
	content: "";
	background-color: #fff;
	border-radius: 50%;
	display: block;
	position: absolute;
	z-index: -1
}

.doge-container .thought::before {
	width: 44px;
	height: 44px;
	top: -12px;
	left: 28px;
	box-shadow: -50px 30px 0 -12px #fff
}

.doge-container .thought::after {
	bottom: -10px;
	right: 26px;
	width: 30px;
	height: 30px;
	box-shadow: 40px -34px 0 0 #fff, -28px -6px 0 -2px #fff, -24px 17px 0 -6px #fff, -5px 25px 0 -10px #fff
}

@media (max-width: 576px) {
	flex-direction: column-reverse
}

@keyframes rainbow {

	100%,
	8% {
		background-color: #ff7f00
	}

	16% {
		background-color: #ff0
	}

	25% {
		background-color: #7fff00
	}

	33% {
		background-color: lime
	}

	41% {
		background-color: #00ff7f
	}

	50% {
		background-color: cyan
	}

	58% {
		background-color: #007fff
	}

	66% {
		background-color: blue
	}

	75% {
		background-color: #7f00ff
	}

	83% {
		background-color: #f0f
	}

	91% {
		background-color: #ff007f
	}
}

.tablist {
	color: #222;
	font-size: 1rem
}

.tablist .title {
	position: relative;
	width: 100vw
}

.tablist .title h1 {
	font-weight: bold
}

.tablist .title a {
	color: black
}

.tablist .content {
	position: relative
}

.tablist .item {
	display: block;
	border: none
}

.tablist .item h4 {
	font-weight: bold;
	float: left;
	width: 100%;
	height: 100%
}

.tablist .item a {
	min-width: 150px
}

.tablist .item a:link {
	text-decoration: none
}

.tablist .item a:visited {
	text-decoration: none
}

.tablist .item button {
	background-color: #000;
	font-weight: bold;
	font-size: large
}

.tablist .collapsible {
	display: block;
	background-color: #000;
	color: #444;
	cursor: pointer;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 15px;
	border-radius: 0
}

.tablist .active,
.tablist .collapsible:hover {
	background-color: #000
}

.tablist .expanded {
	padding: 0 18px;
	display: none;
	overflow: hidden;
	background-color: #000;
	text-align: left !important;
	margin-bottom: 10px
}

.tab {
	top: 0;
	overflow: hidden;
	min-width: 250px;
	width: 100%;
	float: left
}

.tab button {
	display: block;
	width: 100%;
	background-color: inherit;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	text-align: left;
	padding: .87rem 1rem;
	transition: 0.3s;
	border-left: 5px solid #ccae40;
	border-radius: 0
}

.tab button:hover {
	background-color: #dfc66d;
	border-radius: 0
}

.tab button.active {
	background-color: #ccae40;
	border-radius: 0
}

@media screen and (max-width: 935px) {
	.tabcontent {
		width: 100%;
		display: none;
		border-top: none
	}

	.tab button {
		display: inline-block;
		width: 100%
	}
}

@media (max-width: 576px) {
	#resources {
		width: 100vw;
		position: relative;
		display: block;
		padding-top: 6.5em;
		left: 3rem
	}

	.tabcontent {
		width: 100%;
		display: none;
		border-top: none
	}

	.tab button {
		display: inline-block;
		width: 100%
	}

	.tablist .item h4,
	.tablist .item a {
		display: block !important;
		width: 100%
	}

	.tablist .item button {
		width: 100%;
		background-color: #000
	}
}

@media (max-width: 768px) {
	#resources {
		width: 100vw;
		position: relative;
		display: block;
		padding-top: 6.5em
	}

	.tabcontent {
		width: 100%;
		display: none;
		border-top: none
	}

	.tab button {
		display: inline-block;
		width: 100%
	}

	.tablist .item h4,
	.tablist .item a {
		display: block !important;
		width: 100%
	}

	.tablist .item button {
		width: 100%;
		background-color: #000
	}

	.resources-bottom {
		margin: 50px
	}
}

@media (max-width: 992px) {
	.tabcontent {
		width: 100%;
		display: none;
		border-top: none
	}

	.tab button {
		display: inline-block;
		width: 100%
	}

	.tablist {
		width: 100vw !important;
		padding: 1em !important
	}

	.tablist .item h4,
	.tablist .item a {
		display: block !important;
		width: 100%
	}

	.tablist .item button {
		width: 100%;
		background-color: #000
	}

	.resources-top {
		margin: 50px 0 100px 0
	}

	.resources-bottom {
		margin: 100px
	}

	.resources-bottom .card {
		width: 96px
	}
}

@media (max-width: 1200px) {
	.tablist {
		width: 100vw !important;
		padding: 1em !important
	}

	.tablist .item h4,
	.tablist .item a {
		display: block !important;
		width: 100%
	}

	.tablist .item button {
		width: 100%;
		background-color: #000
	}
}

@media screen and (max-width: 1400px) {
	.tablist {
		width: 100% !important;
		padding: 1em !important
	}

	.tablist .item {
		width: 100% !important
	}

	.tablist .item h4,
	.tablist .item a {
		display: block !important;
		width: 100%
	}

	.tablist .item button {
		width: 100%;
		background-color: #000
	}

	.resources-bottom {
		bottom: 5vh !important;
		margin: 100px
	}

	.resources-bottom .card {
		width: 96px
	}
}

/*# sourceMappingURL=main.css.map */