@charset "UTF-8";
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default padding */
ul[class],
ol[class] {
  padding: 0;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Set core root defaults */
html {
  scroll-behavior: smooth;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* Remove list styles on ul, ol elements with a class attribute */
ul[class],
ol[class] {
  list-style: none;
}

/* A elements that don’t have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01s !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01s !important;
    scroll-behavior: auto !important;
  }
}
@font-face {
  font-family: "Bebas";
  src: url("/fonts/Bebas-Regular.ttf");
}
@font-face {
  font-family: "WhiteRabbit";
  src: url("/fonts/whitrabt.ttf");
}
@font-face {
  font-family: "NeonSans";
  src: url("/fonts/NeonSans.ttf");
}
@font-face {
  font-family: "Chicago";
  src: url("/fonts/ChicagoFLF.ttf");
}
@font-face {
  font-family: "DayPosterBlack";
  src: url("/fonts/DAYPBL__.ttf");
}
@font-face {
  font-family: "LatinCondensed";
  src: url("/fonts/LatinCondensed.ttf");
}
@font-face {
  font-family: "Masaki";
  src: url("/fonts/Masaaki-Regular.otf");
}
@font-face {
  font-family: "Playfair";
  src: url("/fonts/PlayfairDisplaySC-Black.ttf");
}
@font-face {
  font-family: "Y2KPop";
  src: url("/fonts/Y2KPopMuzAOE.ttf");
}
@font-face {
  font-family: "Segment";
  src: url("/fonts/Segment16C Bold.ttf");
}
body {
  background: black;
  height: 100vh;
  margin: 0;
  overflow: hidden;
  width: 100vw;
}

a {
  text-decoration: none;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

#container {
  display: flex;
  flex-direction: row;
  height: 600px;
  justify-content: space-between;
  margin: 5% auto;
  width: 800px;
}
#container nav {
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
  width: 200px;
}
#container main {
  height: 600px;
  width: 600px;
  overflow-y: scroll;
}

.site-head__brand {
  display: flex;
  flex-direction: column;
  height: 80px;
  justify-content: center;
  text-align: center;
  width: 150px;
}

#container.default {
  cursor: default;
}
#container.default main {
  background: url("/images/default/background/site-bg.jpg");
  background-size: cover;
}
#container.default nav {
  background: url("/images/default/background/nav-bg.jpg");
  background-repeat: repeat-y;
}
#container.default .site-head__brand {
  color: black;
  font-family: "Bebas", sans-serif;
}
#container.default .site-head__brand span:nth-child(2n) {
  color: red;
  font-size: 1.7em;
  -webkit-text-stroke: 1px black;
}

#container.vapor {
  cursor: url("/images/vapor/cursor/cursor.png"), default;
}
#container.vapor button,
#container.vapor a {
  cursor: url("/images/vapor/cursor/pointer.png"), default;
}
#container.vapor main {
  background: url("/images/vapor/background/site-bg.jpg");
  background-size: cover;
}
#container.vapor nav {
  background: url("/images/vapor/background/nav-bg.jpg");
  background-repeat: repeat-y;
}
#container.vapor .site-head__brand {
  color: black;
  font-size: 1em;
}
#container.vapor .site-head__brand span:nth-child(2n) {
  color: rgb(212, 248, 140);
  filter: drop-shadow(2px 2px black);
  font-family: "NeonSans", sans-serif;
  font-size: 1.5em;
}

#container.memphis {
  cursor: url("/images/memphis/cursor/cursor.png"), default;
}
#container.memphis button,
#container.memphis a {
  cursor: url("/images/memphis/cursor/pointer.png"), default;
}
#container.memphis main {
  background: url("/images/memphis/background/site-bg.jpg");
  background-size: cover;
}
#container.memphis nav {
  background: url("/images/memphis/background/nav-bg.jpg");
  background-repeat: repeat-y;
}
#container.memphis .site-head__brand {
  color: rgb(92, 2, 2);
  font-size: 0.8em;
  font-family: "DayPosterBlack", sans-serif;
}
#container.memphis .site-head__brand span:nth-child(2n) {
  font-size: 1.3em;
}

#container.mac {
  cursor: url("/images/mac/cursor/cursor.png"), default;
}
#container.mac button,
#container.mac a {
  cursor: url("/images/mac/cursor/pointer.png"), default;
}
#container.mac main {
  background: url("/images/mac/background/site-bg.jpg");
  background-size: cover;
}
#container.mac nav {
  background: url("/images/mac/background/nav-bg.jpg");
  background-repeat: repeat-y;
}
#container.mac .site-head__brand {
  color: black;
  font-size: 1em;
  font-family: "Chicago", monospace;
}
#container.mac .site-head__brand span:nth-child(2n) {
  font-size: 1.4em;
}

#container.utopian {
  cursor: url("/images/utopian/cursor/cursor.png"), default;
}
#container.utopian button,
#container.utopian a {
  cursor: url("/images/utopian/cursor/pointer.png"), default;
}
#container.utopian main {
  background: url("/images/utopian/background/site-bg.jpg");
  background-size: cover;
}
#container.utopian nav {
  background: url("/images/utopian/background/nav-bg.jpg");
  background-repeat: repeat-y;
}
#container.utopian .site-head__brand {
  color: #000000;
  font-size: 1.2em;
  font-family: "LatinCondensed", monospace;
}
#container.utopian .site-head__brand span:nth-child(2n) {
  font-size: 1.3em;
}

#container.frasurbane {
  cursor: url("/images/frasurbane/cursor/cursor.png"), default;
}
#container.frasurbane button,
#container.frasurbane a {
  cursor: url("/images/frasurbane/cursor/pointer.png"), default;
}
#container.frasurbane main {
  background: url("/images/frasurbane/background/site-bg.jpg");
  background-size: cover;
}
#container.frasurbane nav {
  background: url("/images/frasurbane/background/nav-bg.jpg");
  background-repeat: repeat-y;
}
#container.frasurbane .site-head__brand {
  color: #000000;
  font-family: "Playfair";
  font-size: 0.8em;
}
#container.frasurbane .site-head__brand span:nth-child(2n) {
  font-size: 1.5em;
}

#container.gvch {
  cursor: url("/images/gvch/cursor/cursor.png"), default;
}
#container.gvch button,
#container.gvch a {
  cursor: url("/images/gvch/cursor/pointer.png"), default;
}
#container.gvch main {
  background: url("/images/gvch/background/site-bg.jpg");
  background-size: cover;
}
#container.gvch nav {
  background: url("/images/gvch/background/nav-bg.jpg");
  background-repeat: repeat-y;
}
#container.gvch .site-head__brand {
  background: rgb(105, 20, 20);
  color: #80b0f3;
  font-family: "Y2KPop";
}
#container.gvch .site-head__brand span:nth-child(2n) {
  font-size: 1.5em;
}

#container.green {
  cursor: url("/images/green/cursor/cursor.png"), default;
}
#container.green button,
#container.green a {
  cursor: url("/images/green/cursor/pointer.png"), default;
}
#container.green main {
  background: black;
}
#container.green nav {
  background: url("/images/green/background/nav-bg.jpg");
  background-repeat: repeat-y;
  color: #33ff33;
}
#container.green .site-head__brand {
  background: rgb(0, 0, 0);
  color: #33ff33;
  font-size: 1em;
  font-family: "Masaki", monospace;
}
#container.green .site-head__brand span:nth-child(2n) {
  font-size: 1.5em;
}

#container.amber {
  cursor: url("/images/amber/cursor/cursor.png"), default;
}
#container.amber button,
#container.amber a {
  cursor: url("/images/amber/cursor/pointer.png"), default;
}
#container.amber main {
  background: black;
}
#container.amber nav {
  background: url("/images/amber/background/nav-bg.jpg");
  background-repeat: repeat-y;
  color: #FFBF00;
}
#container.amber .site-head__brand {
  background: rgb(0, 0, 0);
  color: #FFBF00;
  font-family: "Masaki", monospace;
}
#container.amber .site-head__brand span:nth-child(2n) {
  font-size: 1.5em;
}

.welcome-blog__cards, .welcome-all {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

.main-menu {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
}

.main-menu .main-menu-btn {
  border-radius: 15px;
  filter: drop-shadow(5px 5px 2px #000000);
  height: 80px;
  margin: 8px;
  transition: 0.5s;
  width: 360px;
}

.main-menu .main-menu-btn:hover {
  filter: drop-shadow(9px 9px 3px #292929) brightness(1.2);
  transform: scale(1.04);
  cursor: pointer;
}

.default .main-menu-btn.new {
  background: url("/images/default/main-menu-btns/new-btn.jpg");
  background-size: cover;
}

.default .main-menu-btn.blog {
  background: url("/images/default/main-menu-btns/blog-btn.jpg");
  background-size: cover;
}

.default .main-menu-btn.audio {
  background: url("/images/default/main-menu-btns/audio-btn.jpg");
  background-size: cover;
}

.default .main-menu-btn.video {
  background: url("/images/default/main-menu-btns/video-btn.jpg");
  background-size: cover;
}

.default .main-menu-btn.collections {
  background: url("/images/default/main-menu-btns/collections-btn.jpg");
  background-size: cover;
}

.default .main-menu-btn.other {
  background: url("/images/default/main-menu-btns/other-btn.jpg");
  background-size: cover;
}

.mac .main-menu-btn.new {
  background: url("/images/mac/main-menu-btns/new-btn.jpg");
  background-size: cover;
}

.mac .main-menu-btn.blog {
  background: url("/images/mac/main-menu-btns/blog-btn.jpg");
  background-size: cover;
}

.mac .main-menu-btn.audio {
  background: url("/images/mac/main-menu-btns/audio-btn.jpg");
  background-size: cover;
}

.mac .main-menu-btn.video {
  background: url("/images/mac/main-menu-btns/video-btn.jpg");
  background-size: cover;
}

.mac .main-menu-btn.collections {
  background: url("/images/mac/main-menu-btns/collections-btn.jpg");
  background-size: cover;
}

.mac .main-menu-btn.other {
  background: url("/images/mac/main-menu-btns/other-btn.jpg");
  background-size: cover;
}

.vapor .main-menu-btn.new {
  background: url("/images/vapor/main-menu-btns/new-btn.jpg");
  background-size: cover;
}

.vapor .main-menu-btn.blog {
  background: url("/images/vapor/main-menu-btns/blog-btn.jpg");
  background-size: cover;
}

.vapor .main-menu-btn.audio {
  background: url("/images/vapor/main-menu-btns/audio-btn.jpg");
  background-size: cover;
}

.vapor .main-menu-btn.video {
  background: url("/images/vapor/main-menu-btns/video-btn.jpg");
  background-size: cover;
}

.vapor .main-menu-btn.collections {
  background: url("/images/vapor/main-menu-btns/collections-btn.jpg");
  background-size: cover;
}

.vapor .main-menu-btn.other {
  background: url("/images/vapor/main-menu-btns/other-btn.jpg");
  background-size: cover;
}

.memphis .main-menu-btn.new {
  background: url("/images/memphis/main-menu-btns/new-btn.jpg");
  background-size: cover;
}

.memphis .main-menu-btn.blog {
  background: url("/images/memphis/main-menu-btns/blog-btn.jpg");
  background-size: cover;
}

.memphis .main-menu-btn.audio {
  background: url("/images/memphis/main-menu-btns/audio-btn.jpg");
  background-size: cover;
}

.memphis .main-menu-btn.video {
  background: url("/images/memphis/main-menu-btns/video-btn.jpg");
  background-size: cover;
}

.memphis .main-menu-btn.collections {
  background: url("/images/memphis/main-menu-btns/collections-btn.jpg");
  background-size: cover;
}

.memphis .main-menu-btn.other {
  background: url("/images/memphis/main-menu-btns/other-btn.jpg");
  background-size: cover;
}

.utopian .main-menu-btn.new {
  background: url("/images/utopian/main-menu-btns/new-btn.jpg");
  background-size: cover;
}

.utopian .main-menu-btn.blog {
  background: url("/images/utopian/main-menu-btns/blog-btn.jpg");
  background-size: cover;
}

.utopian .main-menu-btn.audio {
  background: url("/images/utopian/main-menu-btns/audio-btn.jpg");
  background-size: cover;
}

.utopian .main-menu-btn.video {
  background: url("/images/utopian/main-menu-btns/video-btn.jpg");
  background-size: cover;
}

.utopian .main-menu-btn.collections {
  background: url("/images/utopian/main-menu-btns/collections-btn.jpg");
  background-size: cover;
}

.utopian .main-menu-btn.other {
  background: url("/images/utopian/main-menu-btns/other-btn.jpg");
  background-size: cover;
}

.frasurbane .main-menu-btn.new {
  background: url("/images/frasurbane/main-menu-btns/new-btn.jpg");
  background-size: cover;
}

.frasurbane .main-menu-btn.blog {
  background: url("/images/frasurbane/main-menu-btns/blog-btn.jpg");
  background-size: cover;
}

.frasurbane .main-menu-btn.audio {
  background: url("/images/frasurbane/main-menu-btns/audio-btn.jpg");
  background-size: cover;
}

.frasurbane .main-menu-btn.video {
  background: url("/images/frasurbane/main-menu-btns/video-btn.jpg");
  background-size: cover;
}

.frasurbane .main-menu-btn.collections {
  background: url("/images/frasurbane/main-menu-btns/collections-btn.jpg");
  background-size: cover;
}

.frasurbane .main-menu-btn.other {
  background: url("/images/frasurbane/main-menu-btns/other-btn.jpg");
  background-size: cover;
}

.gvch .main-menu-btn {
  border-radius: 0px;
}

.gvch .main-menu-btn.new {
  background: url("/images/gvch/main-menu-btns/new-btn.jpg");
  background-size: cover;
}

.gvch .main-menu-btn.blog {
  background: url("/images/gvch/main-menu-btns/blog-btn.jpg");
  background-size: cover;
}

.gvch .main-menu-btn.audio {
  background: url("/images/gvch/main-menu-btns/audio-btn.jpg");
  background-size: cover;
}

.gvch .main-menu-btn.video {
  background: url("/images/gvch/main-menu-btns/video-btn.jpg");
  background-size: cover;
}

.gvch .main-menu-btn.collections {
  background: url("/images/gvch/main-menu-btns/collections-btn.jpg");
  background-size: cover;
}

.gvch .main-menu-btn.other {
  background: url("/images/gvch/main-menu-btns/other-btn.jpg");
  background-size: cover;
}

.green .main-menu-btn {
  border: 1px #33ff33 solid;
}
.green .main-menu-btn:hover {
  filter: none;
}

.green .main-menu-btn.new {
  background: url("/images/green/main-menu-btns/new-btn.jpg");
  background-size: cover;
}

.green .main-menu-btn.blog {
  background: url("/images/green/main-menu-btns/blog-btn.jpg");
  background-size: cover;
}

.green .main-menu-btn.audio {
  background: url("/images/green/main-menu-btns/audio-btn.jpg");
  background-size: cover;
}

.green .main-menu-btn.video {
  background: url("/images/green/main-menu-btns/video-btn.jpg");
  background-size: cover;
}

.green .main-menu-btn.collections {
  background: url("/images/green/main-menu-btns/collections-btn.jpg");
  background-size: cover;
}

.green .main-menu-btn.other {
  background: url("/images/green/main-menu-btns/other-btn.jpg");
  background-size: cover;
}

.amber .main-menu-btn {
  border: 1px #FFBF00 solid;
}
.amber .main-menu-btn:hover {
  filter: none;
}

.amber .main-menu-btn.new {
  background: url("/images/amber/main-menu-btns/new-btn.jpg");
  background-size: cover;
}

.amber .main-menu-btn.blog {
  background: url("/images/amber/main-menu-btns/blog-btn.jpg");
  background-size: cover;
}

.amber .main-menu-btn.audio {
  background: url("/images/amber/main-menu-btns/audio-btn.jpg");
  background-size: cover;
}

.amber .main-menu-btn.video {
  background: url("/images/amber/main-menu-btns/video-btn.jpg");
  background-size: cover;
}

.amber .main-menu-btn.collections {
  background: url("/images/amber/main-menu-btns/collections-btn.jpg");
  background-size: cover;
}

.amber .main-menu-btn.other {
  background: url("/images/amber/main-menu-btns/other-btn.jpg");
  background-size: cover;
}

.site-controls {
  display: flex;
  flex-direction: column;
}
.site-controls button {
  border: none;
  color: rgb(64, 0, 64);
  display: block;
  font-family: sans-serif;
  height: 50px;
  margin-top: 8px;
  text-align: center;
  width: 150px;
}

.site-controls-nav {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  width: 150px;
}
.site-controls-nav a {
  color: rgb(64, 0, 64);
  display: block;
  font-size: 1.7em;
  height: 50px;
  margin-top: 8px;
  text-align: center;
  text-decoration: none;
  width: 50px;
}

.site-controls-theme-slider {
  color: black;
  display: flex;
  flex-direction: column;
  width: 150px;
}

.site-control-slider-header {
  font-size: 1.3em;
  text-align: center;
  width: 150px;
}

.default .site-controls .large-pixel-btn button {
  background: url("/images/default/pixel-btns/large-pixel-btn.png");
}

.default .site-controls .large-pixel-btn button:hover {
  background: url("/images/default/pixel-btns/large-pixel-btn-hover.png");
}

.default .site-controls .large-pixel-btn button:active {
  background: url("/images/default/pixel-btns/large-pixel-btn-click.png");
  padding-top: 8px;
}

.default .site-controls .small-pixel-btn a {
  background: url("/images/default/pixel-btns/small-pixel-btn.png");
}

.default .site-controls .small-pixel-btn a:hover {
  background: url("/images/default/pixel-btns/small-pixel-btn-hover.png");
}

.default .site-controls .small-pixel-btn a:active {
  background: url("/images/default/pixel-btns/small-pixel-btn-click.png");
  padding-top: 8px;
}

.vapor .site-controls .large-pixel-btn button {
  background: url("/images/vapor/pixel-btns/large-pixel-btn.png");
}

.vapor .site-controls .large-pixel-btn button:hover {
  background: url("/images/vapor/pixel-btns/large-pixel-btn-hover.png");
}

.vapor .site-controls .large-pixel-btn button:active {
  background: url("/images/vapor/pixel-btns/large-pixel-btn-click.png");
  padding-top: 8px;
}

.vapor .site-controls .small-pixel-btn a {
  background: url("/images/vapor/pixel-btns/small-pixel-btn.png");
}

.vapor .site-controls .small-pixel-btn a:hover {
  background: url("/images/vapor/pixel-btns/small-pixel-btn-hover.png");
}

.mac .site-controls .large-pixel-btn button {
  background: url("/images/mac/pixel-btns/large-pixel-btn.png");
}

.mac .site-controls .large-pixel-btn button:hover {
  background: url("/images/mac/pixel-btns/large-pixel-btn-hover.png");
  color: white;
}

.mac .site-controls .large-pixel-btn button:active {
  background: url("/images/mac/pixel-btns/large-pixel-btn-click.png");
  color: white;
  padding-top: 8px;
}

.mac .site-controls .small-pixel-btn a {
  background: url("/images/mac/pixel-btns/small-pixel-btn.png");
}

.mac .site-controls .small-pixel-btn a:hover {
  background: url("/images/mac/pixel-btns/small-pixel-btn-hover.png");
  color: white;
}

.mac .site-controls .small-pixel-btn a:active {
  background: url("/images/mac/pixel-btns/small-pixel-btn-click.png");
  color: white;
  padding-top: 8px;
}

.memphis .site-controls .large-pixel-btn button {
  background: url("/images/memphis/pixel-btns/large-pixel-btn.png");
}

.memphis .site-controls .large-pixel-btn button:hover {
  background: url("/images/memphis/pixel-btns/large-pixel-btn-hover.png");
  color: white;
}

.memphis .site-controls .large-pixel-btn button:active {
  background: url("/images/memphis/pixel-btns/large-pixel-btn-click.png");
  color: white;
  padding-top: 8px;
}

.memphis .site-controls .small-pixel-btn a {
  background: url("/images/memphis/pixel-btns/small-pixel-btn.png");
}

.memphis .site-controls .small-pixel-btn a:hover {
  background: url("/images/memphis/pixel-btns/small-pixel-btn-hover.png");
  color: white;
}

.memphis .site-controls .small-pixel-btn a:active {
  background: url("/images/memphis/pixel-btns/small-pixel-btn-click.png");
  color: white;
  padding-top: 8px;
}

.utopian .site-controls .large-pixel-btn button {
  background: url("/images/utopian/pixel-btns/large-pixel-btn.png");
}

.utopian .site-controls .large-pixel-btn button:hover {
  background: url("/images/utopian/pixel-btns/large-pixel-btn-hover.png");
  color: white;
}

.utopian .site-controls .large-pixel-btn button:active {
  background: url("/images/utopian/pixel-btns/large-pixel-btn-click.png");
  color: white;
  padding-top: 8px;
}

.utopian .site-controls .small-pixel-btn a {
  background: url("/images/utopian/pixel-btns/small-pixel-btn.png");
}

.utopian .site-controls .small-pixel-btn a:hover {
  background: url("/images/utopian/pixel-btns/small-pixel-btn-hover.png");
  color: white;
}

.utopian .site-controls .small-pixel-btn a:active {
  background: url("/images/utopian/pixel-btns/small-pixel-btn-click.png");
  color: white;
  padding-top: 8px;
}

.frasurbane .site-controls .large-pixel-btn button {
  background: url("/images/frasurbane/pixel-btns/large-pixel-btn.png");
}

.frasurbane .site-controls .large-pixel-btn button:hover {
  background: url("/images/frasurbane/pixel-btns/large-pixel-btn-hover.png");
  color: white;
}

.frasurbane .site-controls .large-pixel-btn button:active {
  background: url("/images/frasurbane/pixel-btns/large-pixel-btn-click.png");
  color: white;
  padding-top: 8px;
}

.frasurbane .site-controls .small-pixel-btn a {
  background: url("/images/frasurbane/pixel-btns/small-pixel-btn.png");
}

.frasurbane .site-controls .small-pixel-btn a:hover {
  background: url("/images/frasurbane/pixel-btns/small-pixel-btn-hover.png");
  color: white;
}

.frasurbane .site-controls .small-pixel-btn a:active {
  background: url("/images/frasurbane/pixel-btns/small-pixel-btn-click.png");
  color: white;
  padding-top: 8px;
}

.gvch .site-controls .large-pixel-btn button {
  background: url("/images/gvch/pixel-btns/large-pixel-btn.png");
}

.gvch .site-controls .large-pixel-btn button:hover {
  background: url("/images/gvch/pixel-btns/large-pixel-btn-hover.png");
  color: white;
}

.gvch .site-controls .large-pixel-btn button:active {
  background: url("/images/gvch/pixel-btns/large-pixel-btn-click.png");
  color: white;
  padding-top: 8px;
}

.gvch .site-controls .small-pixel-btn a {
  background: url("/images/gvch/pixel-btns/small-pixel-btn.png");
}

.gvch .site-controls .small-pixel-btn a:hover {
  background: url("/images/gvch/pixel-btns/small-pixel-btn-hover.png");
  color: white;
}

.gvch .site-controls .small-pixel-btn a:active {
  background: url("/images/gvch/pixel-btns/small-pixel-btn-click.png");
  color: white;
  padding-top: 8px;
}

.green .site-controls .large-pixel-btn button {
  background: url("/images/green/pixel-btns/large-pixel-btn.png");
  color: #33ff33;
}

.green .site-controls .large-pixel-btn button:hover {
  background: url("/images/green/pixel-btns/large-pixel-btn-hover.png");
  color: black;
}

.green .site-controls .large-pixel-btn button:active {
  background: url("/images/green/pixel-btns/large-pixel-btn-click.png");
  color: black;
  padding-top: 8px;
}

.green .site-controls .small-pixel-btn a {
  background: url("/images/green/pixel-btns/small-pixel-btn.png");
  color: #33ff33;
}

.green .site-controls .small-pixel-btn a:hover {
  background: url("/images/green/pixel-btns/small-pixel-btn-hover.png");
  color: black;
}

.green .site-controls .small-pixel-btn a:active {
  background: url("/images/green/pixel-btns/small-pixel-btn-click.png");
  color: black;
  padding-top: 8px;
}

.amber .site-controls .large-pixel-btn button {
  background: url("/images/amber/pixel-btns/large-pixel-btn.png");
  color: #FFBF00;
}

.amber .site-controls .large-pixel-btn button:hover {
  background: url("/images/amber/pixel-btns/large-pixel-btn-hover.png");
  color: black;
}

.amber .site-controls .large-pixel-btn button:active {
  background: url("/images/amber/pixel-btns/large-pixel-btn-click.png");
  color: black;
  padding-top: 8px;
}

.amber .site-controls .small-pixel-btn a {
  background: url("/images/amber/pixel-btns/small-pixel-btn.png");
  color: #FFBF00;
}

.amber .site-controls .small-pixel-btn a:hover {
  background: url("/images/amber/pixel-btns/small-pixel-btn-hover.png");
  color: black;
}

.amber .site-controls .small-pixel-btn a:active {
  background: url("/images/amber/pixel-btns/small-pixel-btn-click.png");
  color: black;
  padding-top: 8px;
}

.green .site-control-slider-header {
  background: black;
  color: #33ff33;
}

.amber .site-control-slider-header {
  background: black;
  color: #FFBF00;
}

.large-pixel-btn.default button {
  font-size: 1.5em;
  font-family: "Bebas", sans-serif;
  text-align: center;
}

.large-pixel-btn.vapor button {
  font-size: 1.5em;
  font-family: "NeonSans", monospace;
  text-align: center;
}

.large-pixel-btn.mac button {
  font-size: 1.4em;
  font-family: "Chicago", monospace;
  text-align: center;
}

.large-pixel-btn.memphis button {
  font-size: 1.4em;
  font-family: "DayPosterBlack", monospace;
  text-align: center;
}

.large-pixel-btn.utopian button {
  font-size: 1.5em;
  font-family: "LatinCondensed", serif;
  text-align: center;
}

.large-pixel-btn.frasurbane button {
  font-size: 1.3em;
  font-family: "Playfair", serif;
  text-align: center;
}

.large-pixel-btn.gvch button {
  font-family: "Y2KPop", serif;
  text-align: center;
}

.large-pixel-btn.green button {
  font-size: 1.3em;
  font-family: "Masaki", monospace;
  text-align: center;
}

.large-pixel-btn.amber button {
  font-size: 1.3em;
  font-family: "Masaki", monospace;
  text-align: center;
}

.large-pixel-btn button:hover {
  cursor: pointer;
}

#container.default .entry-container .entry-head.blog-head {
  background: url("/images/default/headers/blog-header.jpg");
}
#container.default .entry-container .entry-head.video-head {
  background: url("/images/default/headers/video-header.jpg");
  color: rgb(255, 255, 189);
}
#container.default .entry-container .entry-head.audio-head {
  background: url("/images/default/headers/audio-header.jpg");
  color: white;
}
#container.default .entry-container .entry-head.audio-head .entry-head__title {
  padding-bottom: 35px;
}
#container.default .entry-container .entry-head .entry-head__title {
  font-family: "Bebas";
}
#container.default .entry-container .video-player__big-btn {
  background: rgb(215, 215, 215);
  color: black;
  font-family: "Bebas";
}
#container.default .entry-container .entry-content aside {
  background: rgb(111, 161, 230);
  border: 2px solid rgb(18, 94, 1);
  border-radius: 25px;
}
#container.default .entry-container .entry-content aside h2 {
  background: rgb(220, 106, 224);
  border-radius: 25px;
  text-align: center;
}

#container.vapor .entry-container .entry-head.blog-head {
  background: url("/images/vapor/headers/blog-header.jpg");
}
#container.vapor .entry-container .entry-head.video-head {
  background: url("/images/vapor/headers/video-header.jpg");
  color: rgb(255, 255, 189);
}
#container.vapor .entry-container .entry-head.audio-head {
  background: url("/images/vapor/headers/audio-header.jpg");
}
#container.vapor .entry-container .entry-head.audio-head .entry-head__title {
  padding-bottom: 35px;
}
#container.vapor .entry-container .entry-head.audio-head .entry-head__title h2 {
  font-size: 1.6em;
}
#container.vapor .entry-container .entry-head .entry-head__title {
  color: rgb(84, 5, 149);
  text-shadow: -1px -1px 0 #fbff00, 1px -1px 0 #fbff00, -1px 1px 0 #fbff00, 1px 1px 0 #fbff00;
  font-family: "NeonSans";
}
#container.vapor .entry-container .video-player__big-btn {
  background: #74035f;
  color: yellowgreen;
  font-family: "NeonSans";
}
#container.vapor .entry-container .entry-content {
  background: cyan;
}
#container.vapor .entry-container .entry-content aside {
  background: rgb(161, 216, 245);
  border: 2px solid rgb(176, 209, 9);
  border-radius: 25px;
}
#container.vapor .entry-container .entry-content aside h2 {
  background: rgb(241, 158, 204);
  border-radius: 25px;
  text-align: center;
}

#container.mac .entry-container .entry-head.blog-head {
  background: url("/images/mac/headers/blog-header.jpg");
}
#container.mac .entry-container .entry-head.video-head {
  background: url("/images/mac/headers/video-header.jpg");
  color: rgb(255, 255, 255);
}
#container.mac .entry-container .entry-head.audio-head {
  background: url("/images/mac/headers/audio-header.jpg");
}
#container.mac .entry-container .entry-head.audio-head .entry-head__title {
  padding-bottom: 35px;
}
#container.mac .entry-container .entry-head.audio-head .entry-head__title h2 {
  font-size: 1.6em;
}
#container.mac .entry-container .entry-head .entry-head__title {
  font-family: "Chicago";
}
#container.mac .entry-container .video-player__big-btn {
  background: gray;
  color: black;
  font-family: "Chicago";
}
#container.mac .entry-container .entry-content aside {
  background: rgb(193, 193, 193);
  border: 1px solid black;
}
#container.mac .entry-container .entry-content aside h2 {
  background: rgb(58, 58, 58);
  color: white;
  font-family: "Chicago";
  text-align: center;
}

#container.memphis .entry-container .entry-head.blog-head {
  background: url("/images/memphis/headers/blog-header.jpg");
}
#container.memphis .entry-container .entry-head.video-head {
  background: url("/images/memphis/headers/video-header.jpg");
  color: rgb(255, 255, 255);
}
#container.memphis .entry-container .entry-head.audio-head {
  background: url("/images/memphis/headers/audio-header.jpg");
}
#container.memphis .entry-container .entry-head.audio-head .entry-head__title {
  padding-bottom: 35px;
}
#container.memphis .entry-container .entry-head.audio-head .entry-head__title h2 {
  font-size: 1.6em;
}
#container.memphis .entry-container .entry-head.audio-head .entry-head__summary {
  color: rgb(255, 255, 208);
}
#container.memphis .entry-container .entry-head .entry-head__title {
  color: rgb(20, 194, 186);
  font-family: "DayPosterBlack";
  font-size: 0.8em;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
#container.memphis .entry-container .video-player__big-btn {
  background: gray;
  color: black;
  font-family: "DayPosterBlack";
}
#container.memphis .entry-container .entry-content aside {
  background: rgb(9, 190, 178);
  border: 1px solid rgb(44, 15, 233);
  border-radius: 25px;
}
#container.memphis .entry-container .entry-content aside h2 {
  background: rgb(66, 4, 93);
  border-radius: 50%;
  color: white;
  text-align: center;
}

#container.utopian .entry-container .entry-head.blog-head {
  background: url("/images/utopian/headers/blog-header.jpg");
  color: white;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
#container.utopian .entry-container .entry-head.video-head {
  background: url("/images/utopian/headers/video-header.jpg");
  color: rgb(255, 255, 255);
}
#container.utopian .entry-container .entry-head.audio-head {
  background: url("/images/utopian/headers/audio-header.jpg");
}
#container.utopian .entry-container .entry-head.audio-head .entry-head__title {
  padding-bottom: 35px;
}
#container.utopian .entry-container .entry-head.audio-head .entry-head__title h2 {
  font-size: 1.6em;
}
#container.utopian .entry-container .entry-head.audio-head .entry-head__summary {
  color: rgb(0, 0, 0);
}
#container.utopian .entry-container .entry-head .entry-head__title {
  color: rgb(229, 221, 128);
  font-family: "LatinCondensed";
  font-size: 1.5em;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
#container.utopian .entry-container .video-player__big-btn {
  background: gray;
  color: black;
  font-family: "LatinCondensed";
}
#container.utopian .entry-container .entry-content aside {
  background: rgba(248, 233, 146, 0.25);
  border: 1px solid rgb(0, 0, 0);
  border-radius: 25px;
}
#container.utopian .entry-container .entry-content aside h2 {
  background: rgb(242, 220, 78);
  border-radius: 25px;
  font-family: "LatinCondensed";
  font-size: 1.6em;
  letter-spacing: 3px;
  text-align: center;
}

#container.frasurbane .entry-container .entry-head.blog-head {
  background: url("/images/frasurbane/headers/blog-header.jpg");
  color: white;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
#container.frasurbane .entry-container .entry-head.video-head {
  background: url("/images/frasurbane/headers/video-header.jpg");
  color: rgb(255, 255, 255);
}
#container.frasurbane .entry-container .entry-head.audio-head {
  background: url("/images/frasurbane/headers/audio-header.jpg");
}
#container.frasurbane .entry-container .entry-head.audio-head .entry-head__title {
  padding-bottom: 35px;
}
#container.frasurbane .entry-container .entry-head.audio-head .entry-head__title h2 {
  font-size: 1.2em;
}
#container.frasurbane .entry-container .entry-head.audio-head .entry-head__summary {
  color: rgb(255, 255, 255);
}
#container.frasurbane .entry-container .entry-head .entry-head__title {
  color: rgb(124, 148, 242);
  font-family: "Playfair";
  font-size: 1em;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
#container.frasurbane .entry-container .video-player__big-btn {
  background: linear-gradient(90deg, rgb(224, 224, 224) 0%, rgb(133, 133, 133) 33%, rgb(48, 48, 48) 69%, rgb(140, 140, 140) 100%);
  color: rgb(255, 255, 255);
  font-family: "Playfair";
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
#container.frasurbane .entry-container .entry-content {
  background: rgb(124, 148, 242);
}
#container.frasurbane .entry-container .entry-content aside {
  background: rgba(248, 233, 146, 0.25);
  border: 1px solid rgb(0, 0, 0);
  border-radius: 25px;
}
#container.frasurbane .entry-container .entry-content aside h2 {
  background: rgb(242, 220, 78);
  border-radius: 25px;
  font-family: "Playfair";
  font-size: 1.6em;
  letter-spacing: 3px;
  text-align: center;
}

#container.gvch .entry-container .entry-head.blog-head {
  background: url("/images/gvch/headers/blog-header.jpg");
  color: white;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
#container.gvch .entry-container .entry-head.video-head {
  background: url("/images/gvch/headers/video-header.jpg");
  color: rgb(255, 255, 255);
}
#container.gvch .entry-container .entry-head.audio-head {
  background: url("/images/gvch/headers/audio-header.jpg");
}
#container.gvch .entry-container .entry-head.audio-head .entry-head__title {
  padding-bottom: 35px;
}
#container.gvch .entry-container .entry-head.audio-head .entry-head__title h2 {
  font-size: 1.2em;
}
#container.gvch .entry-container .entry-head.audio-head .entry-head__summary {
  color: rgb(255, 255, 255);
}
#container.gvch .entry-container .entry-head .entry-head__title {
  color: rgb(189, 198, 236);
  font-family: "Y2KPop";
  font-size: 1em;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
#container.gvch .entry-container .video-player__big-btn {
  background: linear-gradient(90deg, rgb(224, 224, 224) 0%, rgb(133, 133, 133) 33%, rgb(48, 48, 48) 69%, rgb(140, 140, 140) 100%);
  color: rgb(255, 255, 255);
  font-family: "Y2KPop";
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
#container.gvch .entry-container .entry-content aside {
  background: rgba(248, 233, 146, 0.25);
  border: 1px solid rgb(0, 0, 0);
  border-radius: 25px;
}
#container.gvch .entry-container .entry-content aside h2 {
  background: rgb(242, 220, 78);
  border-radius: 25px;
  font-family: "Y2KPop";
  font-size: 1.6em;
  letter-spacing: 3px;
  text-align: center;
}

#container.green .entry-container img {
  filter: sepia(100%) hue-rotate(60deg) saturate(300%);
}
#container.green .entry-container .entry-head {
  font-size: 0.7em;
}
#container.green .entry-container .entry-head.blog-head {
  background: url("/images/green/headers/blog-header.jpg");
}
#container.green .entry-container .entry-head.blog-head .entry-head__title {
  font-family: "Masaki";
  font-size: 1.6em;
  text-shadow: -2px -2px 0 #33ff33, 2px -2px 0 #33ff33, -2px 2px 0 #33ff33, 2px 2px 0 #33ff33;
}
#container.green .entry-container .entry-head.blog-head .entry-head__summary {
  font-family: "Masaki";
  font-size: 1.6em;
  text-shadow: -2px -2px 0 #33ff33, 2px -2px 0 #33ff33, -2px 2px 0 #33ff33, 2px 2px 0 #33ff33;
}
#container.green .entry-container .entry-head.video-head {
  background: url("/images/green/headers/video-header.jpg");
}
#container.green .entry-container .entry-head.video-head .entry-head__title {
  font-family: "Masaki";
  font-size: 1.5em;
  text-shadow: -2px -2px 0 #33ff33, 2px -2px 0 #33ff33, -2px 2px 0 #33ff33, 2px 2px 0 #33ff33;
}
#container.green .entry-container .entry-head.video-head .entry-head__summary {
  color: #33ff33;
  font-family: "Masaki";
  font-size: 1.5em;
}
#container.green .entry-container .entry-head.audio-head {
  background: url("/images/green/headers/audio-header.jpg");
}
#container.green .entry-container .entry-head.audio-head .entry-head__title {
  color: #33ff33;
  font-family: "Masaki";
  font-size: 1.2em;
  padding-bottom: 35px;
}
#container.green .entry-container .entry-head.audio-head .entry-head__summary {
  color: #33ff33;
  font-family: "Masaki";
  font-size: 1.2em;
}
#container.green .entry-container .video-player__big-btn {
  background: rgb(0, 0, 0);
  border: 1px #33ff33 solid;
  color: #33ff33;
  font-family: "Masaki";
}
#container.green .entry-container .entry-content {
  background: black;
  color: #33ff33;
}
#container.green .entry-container .entry-content aside {
  border: 1px solid #33ff33;
}
#container.green .entry-container .entry-content aside h2 {
  background: #33ff33;
  color: black;
  font-family: "Masaki";
  font-size: 1.7em;
  text-align: center;
}

#container.amber .entry-container img {
  filter: sepia(100%) hue-rotate(15deg) saturate(300%);
}
#container.amber .entry-container .entry-head {
  font-size: 0.7em;
}
#container.amber .entry-container .entry-head.blog-head {
  background: url("/images/amber/headers/blog-header.jpg");
}
#container.amber .entry-container .entry-head.blog-head .entry-head__title {
  font-family: "Masaki";
  font-size: 1.6em;
  text-shadow: -2px -2px 0 #FFBF00, 2px -2px 0 #FFBF00, -2px 2px 0 #FFBF00, 2px 2px 0 #FFBF00;
}
#container.amber .entry-container .entry-head.blog-head .entry-head__summary {
  font-family: "Masaki";
  font-size: 1.6em;
  text-shadow: -2px -2px 0 #FFBF00, 2px -2px 0 #FFBF00, -2px 2px 0 #FFBF00, 2px 2px 0 #FFBF00;
}
#container.amber .entry-container .entry-head.video-head {
  background: url("/images/amber/headers/video-header.jpg");
}
#container.amber .entry-container .entry-head.video-head .entry-head__title {
  font-family: "Masaki";
  font-size: 1.5em;
  text-shadow: -2px -2px 0 #FFBF00, 2px -2px 0 #FFBF00, -2px 2px 0 #FFBF00, 2px 2px 0 #FFBF00;
}
#container.amber .entry-container .entry-head.video-head .entry-head__summary {
  color: #FFBF00;
  font-family: "Masaki";
  font-size: 1.5em;
}
#container.amber .entry-container .entry-head.audio-head {
  background: url("/images/amber/headers/audio-header.jpg");
}
#container.amber .entry-container .entry-head.audio-head .entry-head__title {
  color: #FFBF00;
  font-family: "Masaki";
  font-size: 1.2em;
  padding-bottom: 35px;
}
#container.amber .entry-container .entry-head.audio-head .entry-head__summary {
  color: #FFBF00;
  font-family: "Masaki";
  font-size: 1.2em;
}
#container.amber .entry-container .video-player__big-btn {
  background: rgb(0, 0, 0);
  border: 1px #FFBF00 solid;
  color: #FFBF00;
  font-family: "Masaki";
}
#container.amber .entry-container .entry-content {
  background: black;
  color: #FFBF00;
}
#container.amber .entry-container .entry-content aside {
  border: 1px solid #FFBF00;
}
#container.amber .entry-container .entry-content aside h2 {
  background: #FFBF00;
  color: black;
  font-family: "Masaki";
  font-size: 1.7em;
  text-align: center;
}

.entry-container {
  margin: 0 auto;
  width: 600px;
}
.entry-container .entry-head {
  align-items: center;
  background: rgba(151, 151, 229, 0.656);
  display: flex;
  flex-direction: column;
  justify-items: center;
  height: 200px;
}
.entry-container .entry-head .entry-head__title {
  display: flex;
  flex-direction: column;
  font-size: 1em;
  height: 130px;
  justify-content: center;
  text-align: center;
  width: 100%;
}
.entry-container .entry-head .entry-head__title h2 {
  font-size: 2.3em;
}
.entry-container .entry-head .entry-head__summary {
  align-content: center;
  height: 70px;
  overflow: hidden;
  text-align: center;
  width: 90%;
}
.entry-container .entry-jumbotron {
  margin: 8px;
}
.entry-container .entry-jumbotron figure {
  margin: 0 auto;
  width: 50%;
}
.entry-container .entry-jumbotron figure img {
  width: 100%;
}
.entry-container .entry-content {
  background: rgb(204, 204, 204);
  margin: 0 auto;
  padding: 8px;
  width: 550px;
}
.entry-container .entry-content aside {
  box-shadow: -5px 5px 4px rgb(7, 7, 7);
  margin: 10px auto;
  padding: 5px;
  width: 95%;
}
.entry-container .entry-content aside h2 {
  margin: auto;
  width: 95%;
}
.entry-container .entry-content aside p {
  margin-bottom: 8px;
  padding: 4px;
}
.entry-container .entry-content p {
  font-size: 1.1em;
  padding: 5px 0;
  text-indent: 30px;
}

.video-player {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 600px;
}
.video-player .video-player__small-view {
  margin-top: 5px;
  width: 100%;
}
.video-player .video-player__small-view iframe {
  height: 338px;
  width: 600px;
}
.video-player .video-player__small-view .video-player__big-btn {
  display: block;
  filter: drop-shadow(5px 5px 0px #000000);
  font-size: 2em;
  height: 100px;
  margin: 10px auto;
  padding-top: 20px;
  text-align: center;
  transition: 0.5s;
  width: 500px;
}
.video-player .video-player__small-view .video-player__big-btn:hover {
  cursor: pointer;
  filter: drop-shadow(9px 9px 3px #000000);
  font-size: 2.4em;
}

#container.default .content-card {
  background: url("/images/default/content-card.jpg");
  background-size: contain;
}
#container.default .content-card .content-card__head {
  font-family: "Bebas";
}
#container.default .content-card .content-card__head .blog-icon {
  background: url("/images/default/icons/blog-icon.png");
  background-size: contain;
}
#container.default .content-card .content-card__head .video-icon {
  background: url("/images/default/icons/video-icon.png");
  background-size: contain;
}
#container.default .content-card .content-card__head .audio-icon {
  background: url("/images/default/icons/audio-icon.png");
  background-size: contain;
}

#container.vapor .content-card {
  background: url("/images/vapor/content-card.jpg");
  background-size: contain;
}
#container.vapor .content-card .content-card__head {
  font-family: "NeonSans";
}
#container.vapor .content-card .content-card__head .blog-icon {
  background: url("/images/vapor/icons/blog-icon.png");
  background-size: contain;
}
#container.vapor .content-card .content-card__head .video-icon {
  background: url("/images/vapor/icons/video-icon.png");
  background-size: contain;
}
#container.vapor .content-card .content-card__head .audio-icon {
  background: url("/images/vapor/icons/audio-icon.png");
  background-size: contain;
}

#container.mac .content-card {
  background: url("/images/mac/content-card.jpg");
  background-size: contain;
}
#container.mac .content-card .content-card__head {
  font-family: "Chicago";
}
#container.mac .content-card .content-card__head .blog-icon {
  background: url("/images/mac/icons/blog-icon.png");
  background-size: contain;
}
#container.mac .content-card .content-card__head .video-icon {
  background: url("/images/mac/icons/video-icon.png");
  background-size: contain;
}
#container.mac .content-card .content-card__head .audio-icon {
  background: url("/images/mac/icons/audio-icon.png");
  background-size: contain;
}

#container.memphis .content-card {
  background: url("/images/memphis/content-card.jpg");
  background-size: contain;
}
#container.memphis .content-card .content-card__head {
  font-size: 0.8em;
  font-family: "DayPosterBlack";
}
#container.memphis .content-card .content-card__head .blog-icon {
  background: url("/images/memphis/icons/blog-icon.png");
  background-size: contain;
}
#container.memphis .content-card .content-card__head .video-icon {
  background: url("/images/memphis/icons/video-icon.png");
  background-size: contain;
}
#container.memphis .content-card .content-card__head .audio-icon {
  background: url("/images/memphis/icons/audio-icon.png");
  background-size: contain;
}

#container.utopian .content-card {
  background: url("/images/utopian/content-card.jpg");
  background-size: contain;
}
#container.utopian .content-card .content-card__head {
  font-family: "LatinCondensed";
}
#container.utopian .content-card .content-card__head .blog-icon {
  background: url("/images/utopian/icons/blog-icon.png");
  background-size: contain;
}
#container.utopian .content-card .content-card__head .video-icon {
  background: url("/images/utopian/icons/video-icon.png");
  background-size: contain;
}
#container.utopian .content-card .content-card__head .audio-icon {
  background: url("/images/utopian/icons/audio-icon.png");
  background-size: contain;
}

#container.frasurbane .content-card {
  background: url("/images/frasurbane/content-card.jpg");
  background-size: contain;
  color: rgb(249, 227, 126);
}
#container.frasurbane .content-card .content-card__head {
  font-family: "Playfair";
  font-size: 0.8em;
}
#container.frasurbane .content-card .content-card__head .blog-icon {
  background: url("/images/frasurbane/icons/blog-icon.png");
  background-size: contain;
  filter: drop-shadow(1px 1px 0 black) drop-shadow(-1px -1px 0 black);
}
#container.frasurbane .content-card .content-card__head .video-icon {
  background: url("/images/frasurbane/icons/video-icon.png");
  background-size: contain;
  filter: drop-shadow(1px 1px 0 black) drop-shadow(-1px -1px 0 black);
}
#container.frasurbane .content-card .content-card__head .audio-icon {
  background: url("/images/frasurbane/icons/audio-icon.png");
  background-size: contain;
  filter: drop-shadow(1px 1px 0 black) drop-shadow(-1px -1px 0 black);
}

#container.gvch .content-card {
  background: url("/images/gvch/content-card.jpg");
  background-size: contain;
  color: black;
}
#container.gvch .content-card .content-card__head {
  font-family: "Y2KPop";
  font-size: 1.1em;
}
#container.gvch .content-card .content-card__head .blog-icon {
  background: url("/images/gvch/icons/blog-icon.png");
  background-size: contain;
  filter: drop-shadow(1px 1px 0 black) drop-shadow(-1px -1px 0 black);
}
#container.gvch .content-card .content-card__head .video-icon {
  background: url("/images/gvch/icons/video-icon.png");
  background-size: contain;
  filter: drop-shadow(1px 1px 0 black) drop-shadow(-1px -1px 0 black);
}
#container.gvch .content-card .content-card__head .audio-icon {
  background: url("/images/gvch/icons/audio-icon.png");
  background-size: contain;
  filter: drop-shadow(1px 1px 0 black) drop-shadow(-1px -1px 0 black);
}

#container.green .content-card {
  background: black;
  border: 2px solid #33ff33;
  color: #33ff33;
  filter: none;
}
#container.green .content-card:hover {
  filter: drop-shadow(0 0 15px rgba(31, 255, 31, 0.8));
}
#container.green .content-card .content-card__head {
  font-size: 1.2em;
  font-family: "Masaki";
}
#container.green .content-card .content-card__head .blog-icon {
  background: url("/images/green/icons/blog-icon.png");
  background-size: contain;
}
#container.green .content-card .content-card__head .video-icon {
  background: url("/images/green/icons/video-icon.png");
  background-size: contain;
}
#container.green .content-card .content-card__head .audio-icon {
  background: url("/images/green/icons/audio-icon.png");
  background-size: contain;
}
#container.green .content-card .content-card__img {
  filter: sepia(100%) hue-rotate(60deg) saturate(300%);
}

#container.amber .content-card {
  background: black;
  border: 2px solid #FFBF00;
  color: #FFBF00;
  filter: none;
}
#container.amber .content-card:hover {
  filter: drop-shadow(0 0 15px rgba(225, 191, 0, 0.8));
}
#container.amber .content-card .content-card__head {
  font-size: 1.2em;
  font-family: "Masaki";
}
#container.amber .content-card .content-card__head .blog-icon {
  background: url("/images/amber/icons/blog-icon.png");
  background-size: contain;
}
#container.amber .content-card .content-card__head .video-icon {
  background: url("/images/amber/icons/video-icon.png");
  background-size: contain;
}
#container.amber .content-card .content-card__head .audio-icon {
  background: url("/images/amber/icons/audio-icon.png");
  background-size: contain;
}
#container.amber .content-card .content-card__img {
  filter: sepia(100%) hue-rotate(15deg) saturate(300%);
}

.content-card {
  color: black;
  filter: drop-shadow(10px 10px 3px rgba(0, 0, 0, 0.8));
  height: 375px;
  margin: 8px;
  transition: 0.5s;
  width: 250px;
}
.content-card:hover {
  filter: drop-shadow(20px 20px 20px rgba(0, 0, 0, 0.8));
  transform: scale(1.1);
}
.content-card:hover .content-card__read-more {
  opacity: 1;
}
.content-card .content-card__head {
  align-items: baseline;
  display: flex;
  flex-direction: row;
  height: 40px;
  font-weight: normal;
  justify-content: space-between;
  padding: 0 10px 0;
  text-transform: uppercase;
}
.content-card .content-card__head .content-card__icon {
  height: 30px;
  margin-top: 10px;
  width: 30px;
}
.content-card .content-card__break {
  height: 15px;
}
.content-card .content-card__headline {
  height: 30px;
  text-align: center;
}
.content-card .content-card__img {
  align-items: center;
  display: flex;
  flex-direction: row;
}
.content-card .content-card__img figure {
  height: 100px;
  margin: 0 auto;
  width: 130px;
}
.content-card .content-card__img figure img {
  height: 100%;
  margin: auto;
}
.content-card .content-card__summary {
  height: 165px;
  padding: 5px 15px;
}
.content-card .content-card__summary.video-summary {
  height: 75px;
}
.content-card .content-card__footer {
  display: flex;
  flex-direction: row;
  height: 25px;
  justify-content: space-between;
  padding: 0 5px;
  text-transform: uppercase;
}
.content-card .content-card__read-more {
  transition: 0.5s;
  opacity: 0;
}

.entry__nav-links {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.entry__nav-links .marble-btn {
  align-items: center;
  color: black;
  display: flex;
  filter: drop-shadow(5px 5px 0px #000000);
  flex-direction: row;
  font-size: 1.2em;
  height: 50px;
  justify-content: center;
  margin: 8px;
  padding: 3px;
  transition: 0.5s;
  width: 250px;
}
.entry__nav-links .marble-btn:hover {
  filter: drop-shadow(9px 9px 3px #000000);
}
.entry__nav-links .marble-btn img {
  height: 100%;
}
.entry__nav-links .marble-btn .entry__icon {
  height: 100%;
  width: 50px;
}

#container.default .marble-btn {
  background: url("/images/default/marble-btn.jpg");
  background-size: cover;
}
#container.default .marble-btn .entry__icon.blog-icon {
  background: url("/images/default/icons/blog-icon.png");
  background-size: contain;
  background-repeat: no-repeat;
}
#container.default .marble-btn .entry__icon.video-icon {
  background: url("/images/default/icons/video-icon.png");
  background-size: contain;
  background-repeat: no-repeat;
}
#container.default .marble-btn .entry__icon.audio-icon {
  background: url("/images/default/icons/audio-icon.png");
  background-size: contain;
  background-repeat: no-repeat;
}

#container.vapor .marble-btn {
  background: url("/images/vapor/marble-btn.jpg");
  background-size: contain;
}
#container.vapor .marble-btn .entry__icon.blog-icon {
  background: url("/images/vapor/icons/blog-icon.png");
  background-size: contain;
  background-repeat: no-repeat;
}
#container.vapor .marble-btn .entry__icon.video-icon {
  background: url("/images/vapor/icons/video-icon.png");
  background-size: contain;
  background-repeat: no-repeat;
}
#container.vapor .marble-btn .entry__icon.audio-icon {
  background: url("/images/vapor/icons/audio-icon.png");
  background-size: contain;
  background-repeat: no-repeat;
}

#container.mac .marble-btn {
  background: url("/images/mac/marble-btn.jpg");
  background-size: contain;
}
#container.mac .marble-btn .entry__icon.blog-icon {
  background: url("/images/mac/icons/blog-icon.png");
  background-size: contain;
  background-repeat: no-repeat;
}
#container.mac .marble-btn .entry__icon.video-icon {
  background: url("/images/mac/icons/video-icon.png");
  background-size: contain;
  background-repeat: no-repeat;
}
#container.mac .marble-btn .entry__icon.audio-icon {
  background: url("/images/mac/icons/audio-icon.png");
  background-size: contain;
  background-repeat: no-repeat;
}

#container.memphis .marble-btn {
  background: url("/images/memphis/marble-btn.jpg");
  background-size: contain;
}
#container.memphis .marble-btn .entry__icon.blog-icon {
  background: url("/images/memphis/icons/blog-icon.png");
  background-size: contain;
  background-repeat: no-repeat;
}
#container.memphis .marble-btn .entry__icon.video-icon {
  background: url("/images/memphis/icons/video-icon.png");
  background-size: contain;
  background-repeat: no-repeat;
}
#container.memphis .marble-btn .entry__icon.audio-icon {
  background: url("/images/memphis/icons/audio-icon.png");
  background-size: contain;
  background-repeat: no-repeat;
}

#container.utopian .marble-btn {
  background: url("/images/utopian/marble-btn.jpg");
  background-size: contain;
}
#container.utopian .marble-btn .entry__icon.blog-icon {
  background: url("/images/utopian/icons/blog-icon.png");
  background-size: contain;
  background-repeat: no-repeat;
}
#container.utopian .marble-btn .entry__icon.video-icon {
  background: url("/images/utopian/icons/video-icon.png");
  background-size: contain;
  background-repeat: no-repeat;
}
#container.utopian .marble-btn .entry__icon.audio-icon {
  background: url("/images/utopian/icons/audio-icon.png");
  background-size: contain;
  background-repeat: no-repeat;
}

#container.frasurbane .marble-btn {
  background: url("/images/frasurbane/marble-btn.jpg");
  background-size: contain;
  color: white;
}
#container.frasurbane .marble-btn .entry__icon.blog-icon {
  background: url("/images/frasurbane/icons/blog-icon.png");
  background-size: contain;
  background-repeat: no-repeat;
}
#container.frasurbane .marble-btn .entry__icon.video-icon {
  background: url("/images/frasurbane/icons/video-icon.png");
  background-size: contain;
  background-repeat: no-repeat;
}
#container.frasurbane .marble-btn .entry__icon.audio-icon {
  background: url("/images/frasurbane/icons/audio-icon.png");
  background-size: contain;
  background-repeat: no-repeat;
}

#container.gvch .marble-btn {
  background: url("/images/gvch/marble-btn.jpg");
  background-size: contain;
}
#container.gvch .marble-btn .entry__icon.blog-icon {
  background: url("/images/gvch/icons/blog-icon.png");
  background-size: contain;
  background-repeat: no-repeat;
}
#container.gvch .marble-btn .entry__icon.video-icon {
  background: url("/images/gvch/icons/video-icon.png");
  background-size: contain;
  background-repeat: no-repeat;
}
#container.gvch .marble-btn .entry__icon.audio-icon {
  background: url("/images/gvch/icons/audio-icon.png");
  background-size: contain;
  background-repeat: no-repeat;
}

#container.green .marble-btn {
  background: url("/images/green/marble-btn.jpg");
  background-size: contain;
  color: #33ff33;
  text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
}
#container.green .marble-btn .entry__icon.blog-icon {
  background: url("/images/green/icons/blog-icon.png");
  background-size: contain;
  background-repeat: no-repeat;
  filter: drop-shadow(0, 0, 20px, rgb(0, 0, 0));
}
#container.green .marble-btn .entry__icon.video-icon {
  background: url("/images/green/icons/video-icon.png");
  background-size: contain;
  background-repeat: no-repeat;
}
#container.green .marble-btn .entry__icon.audio-icon {
  background: url("/images/green/icons/audio-icon.png");
  background-size: contain;
  background-repeat: no-repeat;
}

#container.amber .marble-btn {
  background: url("/images/amber/marble-btn.jpg");
  background-size: contain;
  color: #FFBF00;
  text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
}
#container.amber .marble-btn .entry__icon.blog-icon {
  background: url("/images/amber/icons/blog-icon.png");
  background-size: contain;
  background-repeat: no-repeat;
  filter: drop-shadow(0, 0, 20px, rgb(0, 0, 0));
}
#container.amber .marble-btn .entry__icon.video-icon {
  background: url("/images/amber/icons/video-icon.png");
  background-size: contain;
  background-repeat: no-repeat;
}
#container.amber .marble-btn .entry__icon.audio-icon {
  background: url("/images/amber/icons/audio-icon.png");
  background-size: contain;
  background-repeat: no-repeat;
}

.page-break {
  align-items: center;
  display: flex;
  flex-direction: row;
  height: 50px;
  justify-content: center;
}
.page-break .page-break__line {
  background: black;
  height: 10px;
  margin: 5px auto;
  width: 30%;
}
.page-break .page-break__text {
  margin: auto;
  text-align: center;
  width: 20%;
}

#container.default .page-break .page-break__line {
  background: white;
  border: 2px black solid;
}
#container.default .page-break .page-break__text {
  color: white;
  font-family: "Bebas";
  font-size: 1.3em;
  text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
}

#container.vapor .page-break .page-break__line {
  background: linear-gradient(90deg, rgb(255, 0, 193) 0%, rgb(150, 0, 255) 23%, rgb(73, 0, 255) 51%, rgb(0, 184, 255) 78%, rgb(0, 255, 249) 100%);
}
#container.vapor .page-break .page-break__text {
  background: cyan;
  color: black;
  font-family: "NeonSans";
  font-size: 1em;
}

#container.mac .page-break .page-break__line {
  background: rgb(219, 219, 219);
  border: 2px black solid;
}
#container.mac .page-break .page-break__text {
  color: rgb(219, 219, 219);
  font-family: "Chicago";
  font-size: 1.1em;
  text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
  text-transform: uppercase;
}

#container.memphis .page-break .page-break__line {
  background: rgb(0, 84, 147);
  filter: drop-shadow(5px 5px 0px #b90000);
}
#container.memphis .page-break .page-break__text {
  color: white;
  font-family: "DayPosterBlack";
  font-size: 1em;
  text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
}

#container.utopian .page-break .page-break__line {
  background: rgb(118, 181, 230);
  filter: drop-shadow(5px 5px 0px #ebebeb);
}
#container.utopian .page-break .page-break__text {
  font-family: "LatinCondensed";
  font-size: 1.6em;
}

#container.frasurbane .page-break .page-break__line {
  background: linear-gradient(90deg, rgb(224, 224, 224) 0%, rgb(133, 133, 133) 33%, rgb(48, 48, 48) 69%, rgb(140, 140, 140) 100%);
  filter: drop-shadow(5px 5px 3px #000000);
}
#container.frasurbane .page-break .page-break__text {
  font-family: "Playfair";
  color: silver;
  font-size: 1em;
  text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
}

#container.gvch .page-break .page-break__line {
  background: rgb(253, 88, 88);
  filter: drop-shadow(5px 5px 3px #000000);
}
#container.gvch .page-break .page-break__text {
  color: white;
  font-family: "Y2KPop";
  font-size: 1.2em;
  text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
}

#container.green .page-break .page-break__line {
  background: #33ff33;
  border: 1px black solid;
  filter: drop-shadow(5px 5px 0px #33ff33);
}
#container.green .page-break .page-break__text {
  color: #33ff33;
  font-family: "Masaki";
  font-size: 1.2em;
}

#container.amber .page-break .page-break__line {
  background: #FFBF00;
  border: 1px black solid;
  filter: drop-shadow(5px 5px 0px #FFBF00);
}
#container.amber .page-break .page-break__text {
  color: #FFBF00;
  font-family: "Masaki";
  font-size: 1.2em;
}

.categories_item-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

.type_item-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

.all-entries-in-series {
  margin-top: 20px;
}

.series-description {
  font-size: 1.2em;
  margin: 15px auto;
  padding: 5px;
  text-align: center;
  width: 90%;
}
.series-description small {
  font-size: 0.8em;
}

.series-list {
  display: flex;
  flex-direction: column;
}
.series-list .series-list-item {
  margin: 8px;
}
.series-list .series-list-item a {
  display: flex;
  flex-direction: row;
}
.series-list .series-list-item a img {
  height: 75px;
  margin: 3px;
  min-width: 100px;
}
.series-list .series-list-item a .series-list-item_heading {
  font-size: 1.3em;
}
.series-list .series-list-item a .series-list-item_desc {
  font-size: 0.9em;
}

.default .series-description {
  background: rgb(188, 188, 188);
  border: black 1px solid;
  color: black;
}
.default .series-list-item {
  background: rgb(162, 162, 162);
  border: black 1px solid;
  color: black;
}
.default .series-list-item:hover {
  border: yellow 1px solid;
  color: yellow;
}
.default .series-list-item a {
  color: inherit;
}
.default .series-list-item a .series-list-item_heading {
  font-family: "Bebas";
}

.vapor .series-description {
  background: pink;
  border: rgb(150, 0, 255) 1px solid;
  color: black;
}
.vapor .series-list-item {
  background: pink;
  border: rgb(150, 0, 255) 1px solid;
  color: black;
}
.vapor .series-list-item:hover {
  background: cyan;
  border: rgb(150, 0, 255) 1px solid;
  color: rgb(150, 0, 255);
}
.vapor .series-list-item a {
  color: inherit;
}
.vapor .series-list-item a .series-list-item_heading {
  font-family: "NeonSans";
}

.mac .series-description {
  background: white;
  border: black 1px solid;
  color: black;
}
.mac .series-list-item {
  background: white;
  border: black 1px solid;
  color: black;
}
.mac .series-list-item:hover {
  background: black;
  border: white 1px solid;
  color: white;
}
.mac .series-list-item a {
  color: inherit;
}
.mac .series-list-item a .series-list-item_heading {
  font-family: "Chicago";
}

.memphis .series-description {
  background: rgb(247, 96, 96);
  border: rgb(23, 5, 180) 1px solid;
  color: rgb(23, 5, 180);
}
.memphis .series-list-item {
  background: rgb(247, 96, 96);
  border: rgb(23, 5, 180) 1px solid;
  color: rgb(23, 5, 180);
}
.memphis .series-list-item:hover {
  background: rgb(212, 225, 32);
  border: rgb(3, 80, 29) 1px solid;
  color: rgb(3, 80, 29);
}
.memphis .series-list-item a {
  color: inherit;
}
.memphis .series-list-item a .series-list-item_heading {
  font-family: "DayPosterBlack";
}

.utopian .series-description {
  background: white;
  border: black 1px solid;
  color: black;
}
.utopian .series-list-item {
  background: white;
  border: black 1px solid;
  color: black;
}
.utopian .series-list-item:hover {
  background: rgb(32, 196, 225);
  border: black 1px solid;
  color: black;
}
.utopian .series-list-item a {
  color: inherit;
}
.utopian .series-list-item a .series-list-item_heading {
  font-family: "LatinCondensed";
}

.frasurbane .series-description {
  background: rgb(141, 156, 251);
  border: black 1px solid;
  color: black;
}
.frasurbane .series-list-item {
  background: rgb(141, 156, 251);
  border: black 1px solid;
  color: black;
}
.frasurbane .series-list-item:hover {
  background: rgb(72, 91, 217);
  border: black 1px solid;
  color: rgb(206, 206, 206);
}
.frasurbane .series-list-item a {
  color: inherit;
}
.frasurbane .series-list-item a .series-list-item_heading {
  font-family: "Playfair";
}

.gvch .series-description {
  background: rgb(231, 163, 47);
  border: rgb(75, 51, 10) 1px solid;
  color: rgb(75, 51, 10);
}
.gvch .series-list-item {
  background: rgb(231, 163, 47);
  border: rgb(75, 51, 10) 1px solid;
  color: rgb(75, 51, 10);
}
.gvch .series-list-item:hover {
  background: rgb(75, 51, 10);
  border: rgb(124, 139, 242) 1px solid;
  color: rgb(124, 139, 242);
}
.gvch .series-list-item a {
  color: inherit;
}
.gvch .series-list-item a .series-list-item_heading {
  font-family: "Y2KPop";
}

.green .series-description {
  background: black;
  border: #33ff33 1px solid;
  color: #33ff33;
}
.green .series-list-item {
  background: black;
  border: #33ff33 1px solid;
  color: #33ff33;
}
.green .series-list-item:hover {
  background: #33ff33;
  border: black 1px solid;
  color: black;
}
.green .series-list-item a {
  color: inherit;
}
.green .series-list-item a .series-list-item_heading {
  font-family: "Masaki";
}
.green .series-list-item a img {
  filter: sepia(100%) hue-rotate(60deg) saturate(300%);
}

.amber .series-description {
  background: black;
  border: #FFBF00 1px solid;
  color: #FFBF00;
}
.amber .series-list-item {
  background: black;
  border: #FFBF00 1px solid;
  color: #FFBF00;
}
.amber .series-list-item:hover {
  background: #FFBF00;
  border: black 1px solid;
  color: black;
}
.amber .series-list-item a {
  color: inherit;
}
.amber .series-list-item a .series-list-item_heading {
  font-family: "Masaki";
}
.amber .series-list-item a img {
  filter: sepia(100%) hue-rotate(15deg) saturate(300%);
}

.category-btn {
  border-bottom: 5px solid rgb(48, 48, 48);
  border-right: 5px solid rgb(48, 48, 48);
  box-sizing: content-box;
  filter: drop-shadow(5px 5px 3px rgb(48, 48, 48));
  height: 55px;
  margin: 8px;
  transition: 0.5s ease;
  width: 150px;
}
.category-btn:hover {
  filter: drop-shadow(10px 10px 5px rgb(48, 48, 48));
  transform: scale(1.1);
}
.category-btn:hover a {
  filter: brightness(150%);
  transition: 0.5s ease;
}

.category-btn a img {
  margin: 5px auto;
  width: 80%;
}

.category-btn a div {
  margin: 25% auto;
}

#container.default .category-btn {
  border-radius: 25px;
}
#container.default .category-btn a {
  display: block;
  border-radius: inherit;
  padding: 4px;
  height: 100%;
  width: 100%;
  background-image: linear-gradient(135deg, rgb(230, 230, 230), rgb(180, 180, 180));
}

#container.vapor .category-btn {
  background: linear-gradient(45deg, rgb(120, 255, 255) 0%, rgb(73, 136, 231) 30%, rgb(144, 84, 244) 70%, rgb(255, 15, 223) 100%);
  border: solid 1px white;
  position: relative;
}
#container.vapor .category-btn a {
  position: absolute;
  border: solid 1px white;
  height: 100%;
  left: -5px;
  padding: 5px;
  top: -5px;
  width: 100%;
}
#container.vapor .category-btn:hover {
  filter: drop-shadow(10px 10px 5px rgba(160, 255, 169, 0.8));
}

#container.mac .category-btn {
  background: white;
  border: 1px solid white;
  border-radius: 15px;
  box-shadow: 0px 0px 0px 4px #000000;
  height: 100%;
}
#container.mac .category-btn a {
  border: 2px solid black;
  border-radius: 15px;
  display: block;
}
#container.mac .category-btn:hover {
  background: black;
  color: white;
}

#container.memphis .category-btn {
  border: 1px solid #012880;
  background: #006d6d;
  border-radius: 45%;
  padding-top: 2px;
}
#container.memphis .category-btn a img {
  margin-top: 6px;
}
#container.memphis .category-btn:hover {
  background: #C01F9E;
}

#container.utopian .category-btn {
  border: 2px solid #103385;
  background: #eacd5a;
  border-radius: 25px;
  filter: drop-shadow(8px 8px 2px black);
  padding-top: 2px;
}
#container.utopian .category-btn a img {
  margin-top: 6px;
}
#container.utopian .category-btn:hover {
  background: #f6ebbf;
  filter: drop-shadow(12px 12px 6px black);
}

#container.frasurbane .category-btn {
  border: 1px solid #634c08;
  background: #ad9352;
  border-radius: 25px;
  filter: drop-shadow(8px 8px 2px black);
  padding-top: 2px;
}
#container.frasurbane .category-btn a img {
  margin-top: 6px;
}
#container.frasurbane .category-btn:hover {
  filter: drop-shadow(12px 12px 6px black);
}

#container.gvch .category-btn {
  border: 1px solid #8c7126;
  background: #e7c97d;
  border-radius: 25px;
  filter: drop-shadow(8px 8px 2px black);
  padding-top: 2px;
}
#container.gvch .category-btn a img {
  margin-top: 6px;
}
#container.gvch .category-btn:hover {
  filter: drop-shadow(12px 12px 6px black);
}

#container.green .category-btn {
  border: 1px solid #33ff33;
  background: #000000;
  border-radius: 25px;
  padding-top: 2px;
}
#container.green .category-btn a img {
  filter: sepia(100%) hue-rotate(60deg) saturate(300%) brightness(200%);
  margin-top: 6px;
}
#container.green .category-btn:hover {
  filter: drop-shadow(0 0 15px rgba(51, 255, 51, 0.8));
}

#container.amber .category-btn {
  border: 1px solid #FFBF00;
  background: #000000;
  border-radius: 25px;
  padding-top: 2px;
}
#container.amber .category-btn a img {
  filter: sepia(100%) hue-rotate(15deg) saturate(300%) brightness(200%);
  margin-top: 6px;
}
#container.amber .category-btn:hover {
  filter: drop-shadow(0 0 15px rgba(255, 191, 0, 0.8));
}

.collection-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  transition: 0.5s;
}
.collection-list .collection-list-link {
  filter: drop-shadow(5px 5px 2px #1c1c1c);
  height: 100px;
  margin: 8px;
  overflow: hidden;
  transition: 0.5s;
  width: 300px;
}
.collection-list .collection-list-link h3 {
  margin: 5px 0;
  padding-left: 10px;
  position: relative;
  transition: 0.5s;
}
.collection-list .collection-list-link img {
  margin-top: -50%;
}
.collection-list .collection-list-link:hover {
  filter: drop-shadow(7px 7px 5px #1c1c1c);
  transform: scale(1.2);
}
.collection-list .collection-list-link:hover h3 {
  opacity: 0.7;
}

.collection-title {
  font-size: 2em;
  text-align: center;
}

.collection-pages {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 10px auto;
  width: 550px;
}
.collection-pages button {
  border: none;
  margin: 4px;
  padding: 0;
  transition: 0.5s;
  width: 175px;
}
.collection-pages button:hover {
  transform: scale(1.15);
}
.collection-pages button img {
  width: 100%;
}
.collection-pages .pog {
  transition: 0.5s;
  width: 150px;
}
.collection-pages .pog:hover {
  transform: scale(1.5);
  z-index: 2;
}

#modal {
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
  height: 100%;
  position: fixed;
  left: 0;
  overflow: auto;
  top: 0;
  width: 100%;
  z-index: 1;
}

#modal-content {
  height: 700px;
  margin: 25px auto;
  width: 500px;
}

#flip-card {
  background-color: transparent;
  height: 500px;
  margin: auto;
  perspective: 1000px;
  width: 350px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

#flip-card .hotdog {
  transform: rotateZ(90deg);
}

#flip-card.flipped .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front,
.flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  /* Safari */
  backface-visibility: hidden;
}

.flip-card-front {
  background-color: #bbb;
  color: black;
}

.flip-card-back {
  color: white;
  transform: rotateY(180deg);
}

#container.default .collection-list-link {
  border: 2px black solid;
}
#container.default .collection-list-link h3 {
  background: rgb(173, 173, 173);
  color: black;
  font-family: "Bebas";
  font-size: 1.2em;
}
#container.default .collection-title {
  color: black;
  font-family: "Bebas";
}

#container.vapor .collection-list-link {
  border: 2px rgb(212, 248, 140) solid;
}
#container.vapor .collection-list-link h3 {
  background: linear-gradient(90deg, rgb(255, 0, 193) 0%, rgb(150, 0, 255) 23%, rgb(73, 0, 255) 51%, rgb(0, 184, 255) 78%, rgb(0, 255, 249) 100%);
  color: rgb(212, 248, 140);
  font-family: "NeonSans";
  font-size: 1em;
}
#container.vapor .collection-title {
  color: rgb(94, 6, 108);
  font-family: "NeonSans";
}

#container.mac .collection-list-link {
  border: 2px rgb(220, 220, 220) solid;
}
#container.mac .collection-list-link h3 {
  background: white;
  color: black;
  font-family: "Chicago";
  font-size: 1em;
}
#container.mac .collection-title {
  background: white;
  color: black;
  font-family: "Chicago";
}

#container.memphis .collection-list-link {
  border: 2px teal solid;
}
#container.memphis .collection-list-link h3 {
  background: rgb(0, 84, 147);
  color: rgb(217, 237, 35);
  font-family: "DayPosterBlack";
  font-size: 0.9em;
}
#container.memphis .collection-title {
  color: rgb(5, 124, 11);
  font-family: "DayPosterBlack";
}

#container.utopian .collection-list-link {
  border: 2px tan solid;
}
#container.utopian .collection-list-link h3 {
  background: rgb(118, 181, 230);
  color: rgb(19, 3, 89);
  font-family: "LatinCondensed";
  font-size: 1.3em;
}
#container.utopian .collection-title {
  color: rgb(19, 3, 89);
  font-family: "LatinCondensed";
}

#container.frasurbane .collection-list-link {
  border: 2px silver solid;
}
#container.frasurbane .collection-list-link h3 {
  background: linear-gradient(90deg, rgb(224, 224, 224) 0%, rgb(133, 133, 133) 33%, rgb(74, 74, 74) 69%, rgb(140, 140, 140) 100%);
  color: rgb(19, 3, 89);
  font-family: "Playfair";
  font-size: 0.9em;
}
#container.frasurbane .collection-title {
  color: rgb(212, 212, 212);
  font-family: "Playfair";
}

#container.gvch .collection-list-link {
  border: 2px black solid;
}
#container.gvch .collection-list-link h3 {
  background: rgb(146, 136, 244);
  color: rgb(8, 0, 42);
  font-family: "Y2KPop";
  font-size: 1em;
}
#container.gvch .collection-title {
  color: rgb(8, 0, 42);
  font-family: "Y2KPop";
}

#container.green .collection-list-link {
  border: 2px #33ff33 solid;
}
#container.green .collection-list-link h3 {
  background: black;
  color: #33ff33;
  font-family: "Masaki";
  font-size: 1.1em;
  padding-bottom: 2px;
  z-index: 2;
}
#container.green .collection-list-link img {
  filter: sepia(100%) hue-rotate(60deg) saturate(300%);
  z-index: 1;
}
#container.green .collection-title {
  color: #33ff33;
  font-family: "Masaki";
}
#container.green img {
  filter: sepia(100%) hue-rotate(60deg) saturate(300%);
}

#container.amber .collection-list-link {
  border: 2px #FFBF00 solid;
}
#container.amber .collection-list-link h3 {
  background: black;
  color: #FFBF00;
  font-family: "Masaki";
  font-size: 1.1em;
  padding-bottom: 2px;
  z-index: 2;
}
#container.amber .collection-list-link img {
  filter: sepia(100%) hue-rotate(15deg) saturate(300%);
  z-index: 1;
}
#container.amber .collection-title {
  color: #FFBF00;
  font-family: "Masaki";
}
#container.amber img {
  filter: sepia(100%) hue-rotate(15deg) saturate(300%);
}

.audio-player canvas {
  background: black;
  margin-top: 6px;
}
.audio-player audio {
  margin: 0;
  padding: 0;
  width: 0;
}

.audio-controls {
  align-items: center;
  background: gray;
  display: flex;
  flex-direction: row;
  font-family: "Segment";
  justify-content: space-around;
  margin-bottom: 6px;
  padding: 4px 0;
  width: 600px;
}
.audio-controls button img {
  height: 20px;
  width: 20px;
}
.audio-controls #audio_seek {
  width: 250px;
}
.audio-controls #audio_volume-slider {
  width: 125px;
}
.audio-controls input[type=range] {
  appearance: none;
  width: 100%;
  background: transparent;
}
.audio-controls input[type=range]::-webkit-slider-thumb {
  appearance: none;
  height: 25px;
  margin-top: -8px;
  width: 10px;
}
.audio-controls input[type=range]::-moz-range-thumb {
  height: 25px;
  width: 10px;
}
.audio-controls input[type=range]::-ms-thumb {
  height: 25px;
  width: 10px;
}
.audio-controls input[type=range]::-webkit-slider-runnable-track {
  border-radius: 1.3px;
  height: 8px;
  width: 100%;
}
.audio-controls input[type=range]:focus {
  outline: none;
}
.audio-controls input[type=range]::-ms-track {
  background: transparent;
  border-color: transparent;
  border-radius: 1.3px;
  color: transparent;
  height: 8px;
  width: 100%;
}
.audio-controls input[type=range]::-moz-range-track {
  border-radius: 1.3px;
  height: 8px;
  width: 100%;
}

.default .audio-controls {
  background: rgb(8, 46, 78);
  color: rgb(194, 194, 194);
}
.default .audio-controls button {
  background: rgb(194, 194, 194);
}
.default .audio-controls button:hover {
  background: rgb(113, 104, 104);
  cursor: pointer;
}
.default .audio-controls input[type=range]::-webkit-slider-thumb {
  background: rgb(194, 194, 194);
  cursor: pointer;
}
.default .audio-controls input[type=range]::-moz-range-thumb {
  background: rgb(194, 194, 194);
  cursor: pointer;
}
.default .audio-controls input[type=range]::-ms-thumb {
  background: rgb(194, 194, 194);
  cursor: pointer;
}
.default .audio-controls input[type=range]::-webkit-slider-runnable-track {
  background: #000000;
  cursor: pointer;
}
.default .audio-controls input[type=range]:focus::-webkit-slider-runnable-track {
  background: #367ebd;
}
.default .audio-controls input[type=range]::-moz-range-track {
  background: #000000;
  cursor: pointer;
}
.default .audio-controls input[type=range]::-ms-track {
  background: #000000;
  cursor: pointer;
}
.default .audio-controls input[type=range]:focus::-ms-fill-lower {
  background: #3071a9;
}
.default .audio-controls input[type=range]:focus::-ms-fill-upper {
  background: #367ebd;
}

.vapor .audio-controls {
  background: rgb(146, 14, 183);
  color: rgb(94, 217, 233);
}
.vapor .audio-controls button {
  background: rgb(94, 217, 233);
}
.vapor .audio-controls button:hover {
  background: rgb(255, 186, 235);
  cursor: url("/images/vapor/cursor/pointer.png"), pointer;
}
.vapor .audio-controls input[type=range]::-webkit-slider-thumb {
  background: rgb(94, 217, 233);
  cursor: url("/images/vapor/cursor/pointer.png"), pointer;
}
.vapor .audio-controls input[type=range]::-moz-range-thumb {
  background: rgb(94, 217, 233);
  cursor: url("/images/vapor/cursor/pointer.png"), pointer;
}
.vapor .audio-controls input[type=range]::-ms-thumb {
  background: rgb(94, 217, 233);
  cursor: url("/images/vapor/cursor/pointer.png"), pointer;
}
.vapor .audio-controls input[type=range]::-webkit-slider-runnable-track {
  background: #000000;
  cursor: url("/images/vapor/cursor/pointer.png"), pointer;
}
.vapor .audio-controls input[type=range]:focus::-webkit-slider-runnable-track {
  background: rgb(255, 186, 235);
}
.vapor .audio-controls input[type=range]::-moz-range-track {
  background: #000000;
  cursor: url("/images/vapor/cursor/pointer.png"), pointer;
}
.vapor .audio-controls input[type=range]::-ms-track {
  background: #000000;
  cursor: url("/images/vapor/cursor/pointer.png"), pointer;
}
.vapor .audio-controls input[type=range]:focus::-ms-fill-lower {
  background: rgb(255, 186, 235);
}
.vapor .audio-controls input[type=range]:focus::-ms-fill-upper {
  background: rgb(255, 186, 235);
}

.mac .audio-controls {
  background: rgb(78, 78, 78);
  color: rgb(205, 205, 205);
}
.mac .audio-controls button {
  background: rgb(205, 205, 205);
}
.mac .audio-controls button:hover {
  background: rgb(255, 255, 255);
  cursor: url("/images/mac/cursor/pointer.png"), pointer;
}
.mac .audio-controls input[type=range]::-webkit-slider-thumb {
  background: rgb(205, 205, 205);
  cursor: url("/images/mac/cursor/pointer.png"), pointer;
}
.mac .audio-controls input[type=range]::-moz-range-thumb {
  background: rgb(205, 205, 205);
  cursor: url("/images/mac/cursor/pointer.png"), pointer;
}
.mac .audio-controls input[type=range]::-ms-thumb {
  background: rgb(205, 205, 205);
  cursor: url("/images/mac/cursor/pointer.png"), pointer;
}
.mac .audio-controls input[type=range]::-webkit-slider-runnable-track {
  background: #000000;
  cursor: url("/images/mac/cursor/pointer.png"), pointer;
}
.mac .audio-controls input[type=range]:focus::-webkit-slider-runnable-track {
  background: rgb(255, 255, 255);
}
.mac .audio-controls input[type=range]::-moz-range-track {
  background: #000000;
  cursor: url("/images/mac/cursor/pointer.png"), pointer;
}
.mac .audio-controls input[type=range]::-ms-track {
  background: #000000;
  cursor: url("/images/mac/cursor/pointer.png"), pointer;
}
.mac .audio-controls input[type=range]:focus::-ms-fill-lower {
  background: rgb(255, 255, 255);
}
.mac .audio-controls input[type=range]:focus::-ms-fill-upper {
  background: rgb(255, 255, 255);
}

.memphis .audio-controls {
  background: rgb(18, 15, 183);
  color: rgb(241, 185, 42);
}
.memphis .audio-controls button {
  background: rgb(241, 185, 42);
}
.memphis .audio-controls button:hover {
  background: rgb(238, 236, 103);
  cursor: url("/images/memphis/cursor/pointer.png"), pointer;
}
.memphis .audio-controls input[type=range]::-webkit-slider-thumb {
  background: rgb(241, 185, 42);
  cursor: url("/images/memphis/cursor/pointer.png"), pointer;
}
.memphis .audio-controls input[type=range]::-moz-range-thumb {
  background: rgb(241, 185, 42);
  cursor: url("/images/memphis/cursor/pointer.png"), pointer;
}
.memphis .audio-controls input[type=range]::-ms-thumb {
  background: rgb(241, 185, 42);
  cursor: url("/images/memphis/cursor/pointer.png"), pointer;
}
.memphis .audio-controls input[type=range]::-webkit-slider-runnable-track {
  background: #000000;
  cursor: url("/images/memphis/cursor/pointer.png"), pointer;
}
.memphis .audio-controls input[type=range]:focus::-webkit-slider-runnable-track {
  background: rgb(119, 238, 103);
}
.memphis .audio-controls input[type=range]::-moz-range-track {
  background: #000000;
  cursor: url("/images/memphis/cursor/pointer.png"), pointer;
}
.memphis .audio-controls input[type=range]::-ms-track {
  background: #000000;
  cursor: url("/images/memphis/cursor/pointer.png"), pointer;
}
.memphis .audio-controls input[type=range]:focus::-ms-fill-lower {
  background: rgb(119, 238, 103);
}
.memphis .audio-controls input[type=range]:focus::-ms-fill-upper {
  background: rgb(238, 236, 103);
}

.utopian .audio-controls {
  background: rgb(47, 245, 248);
  color: rgb(55, 11, 235);
}
.utopian .audio-controls button {
  background: rgb(234, 255, 255);
}
.utopian .audio-controls button:hover {
  background: rgb(172, 157, 232);
  cursor: url("/images/utopian/cursor/pointer.png"), pointer;
}
.utopian .audio-controls input[type=range]::-webkit-slider-thumb {
  background: rgb(55, 11, 235);
  cursor: url("/images/utopian/cursor/pointer.png"), pointer;
}
.utopian .audio-controls input[type=range]::-moz-range-thumb {
  background: rgb(55, 11, 235);
  cursor: url("/images/utopian/cursor/pointer.png"), pointer;
}
.utopian .audio-controls input[type=range]::-ms-thumb {
  background: rgb(55, 11, 235);
  cursor: url("/images/utopian/cursor/pointer.png"), pointer;
}
.utopian .audio-controls input[type=range]::-webkit-slider-runnable-track {
  background: #000000;
  cursor: url("/images/utopian/cursor/pointer.png"), pointer;
}
.utopian .audio-controls input[type=range]:focus::-webkit-slider-runnable-track {
  background: rgb(172, 157, 232);
}
.utopian .audio-controls input[type=range]::-moz-range-track {
  background: #000000;
  cursor: url("/images/utopian/cursor/pointer.png"), pointer;
}
.utopian .audio-controls input[type=range]::-ms-track {
  background: #000000;
  cursor: url("/images/utopian/cursor/pointer.png"), pointer;
}
.utopian .audio-controls input[type=range]:focus::-ms-fill-lower {
  background: rgb(172, 157, 232);
}
.utopian .audio-controls input[type=range]:focus::-ms-fill-upper {
  background: rgb(172, 157, 232);
}

.frasurbane .audio-controls {
  background: rgb(95, 73, 2);
  color: rgb(195, 195, 195);
}
.frasurbane .audio-controls button {
  background: rgb(195, 195, 195);
}
.frasurbane .audio-controls button:hover {
  background: rgb(103, 103, 103);
  cursor: url("/images/frasurbane/cursor/pointer.png"), pointer;
}
.frasurbane .audio-controls input[type=range]::-webkit-slider-thumb {
  background: rgb(103, 103, 103);
  cursor: url("/images/frasurbane/cursor/pointer.png"), pointer;
}
.frasurbane .audio-controls input[type=range]::-moz-range-thumb {
  background: rgb(103, 103, 103);
  cursor: url("/images/frasurbane/cursor/pointer.png"), pointer;
}
.frasurbane .audio-controls input[type=range]::-ms-thumb {
  background: rgb(103, 103, 103);
  cursor: url("/images/frasurbane/cursor/pointer.png"), pointer;
}
.frasurbane .audio-controls input[type=range]::-webkit-slider-runnable-track {
  background: #000000;
  cursor: url("/images/frasurbane/cursor/pointer.png"), pointer;
}
.frasurbane .audio-controls input[type=range]:focus::-webkit-slider-runnable-track {
  background: rgb(209, 209, 209);
}
.frasurbane .audio-controls input[type=range]::-moz-range-track {
  background: #000000;
  cursor: url("/images/frasurbane/cursor/pointer.png"), pointer;
}
.frasurbane .audio-controls input[type=range]::-ms-track {
  background: #000000;
  cursor: url("/images/frasurbane/cursor/pointer.png"), pointer;
}
.frasurbane .audio-controls input[type=range]:focus::-ms-fill-lower {
  background: rgb(209, 209, 209);
}
.frasurbane .audio-controls input[type=range]:focus::-ms-fill-upper {
  background: rgb(209, 209, 209);
}

.gvch .audio-controls {
  background: rgb(231, 100, 35);
  color: rgb(20, 12, 160);
}
.gvch .audio-controls button {
  background: rgb(233, 195, 69);
}
.gvch .audio-controls button:hover {
  background: rgb(151, 241, 170);
  cursor: url("/images/gvch/cursor/pointer.png"), pointer;
}
.gvch .audio-controls input[type=range]::-webkit-slider-thumb {
  background: rgb(233, 195, 69);
  cursor: url("/images/gvch/cursor/pointer.png"), pointer;
}
.gvch .audio-controls input[type=range]::-moz-range-thumb {
  background: rgb(233, 195, 69);
  cursor: url("/images/gvch/cursor/pointer.png"), pointer;
}
.gvch .audio-controls input[type=range]::-ms-thumb {
  background: rgb(233, 195, 69);
  cursor: url("/images/gvch/cursor/pointer.png"), pointer;
}
.gvch .audio-controls input[type=range]::-webkit-slider-runnable-track {
  background: #000000;
  cursor: url("/images/gvch/cursor/pointer.png"), pointer;
}
.gvch .audio-controls input[type=range]:focus::-webkit-slider-runnable-track {
  background: rgb(71, 62, 234);
}
.gvch .audio-controls input[type=range]::-moz-range-track {
  background: #000000;
  cursor: url("/images/gvch/cursor/pointer.png"), pointer;
}
.gvch .audio-controls input[type=range]::-ms-track {
  background: #000000;
  cursor: url("/images/gvch/cursor/pointer.png"), pointer;
}
.gvch .audio-controls input[type=range]:focus::-ms-fill-lower {
  background: rgb(71, 62, 234);
}
.gvch .audio-controls input[type=range]:focus::-ms-fill-upper {
  background: rgb(71, 62, 234);
}

.green .audio-controls {
  background: black;
  color: #33ff33;
}
.green .audio-controls button {
  background: #33ff33;
  border: 1px black solid;
}
.green .audio-controls button:hover {
  background: black;
  border: 1px #33ff33 solid;
  cursor: url("/images/green/cursor/pointer.png"), pointer;
}
.green .audio-controls button:hover img {
  filter: drop-shadow(0px 0px 4px #33ff33);
}
.green .audio-controls input[type=range]::-webkit-slider-thumb {
  background: #33ff33;
  cursor: url("/images/green/cursor/pointer.png"), pointer;
}
.green .audio-controls input[type=range]::-moz-range-thumb {
  background: #33ff33;
  cursor: url("/images/green/cursor/pointer.png"), pointer;
}
.green .audio-controls input[type=range]::-ms-thumb {
  background: #33ff33;
  cursor: url("/images/green/cursor/pointer.png"), pointer;
}
.green .audio-controls input[type=range]::-webkit-slider-runnable-track {
  background: #000000;
  border: 1px #33ff33 solid;
  cursor: url("/images/green/cursor/pointer.png"), pointer;
}
.green .audio-controls input[type=range]:focus::-webkit-slider-runnable-track {
  background: #33ff33;
  border: 1px black solid;
}
.green .audio-controls input[type=range]::-moz-range-track {
  background: #000000;
  border: 1px #33ff33 solid;
  cursor: url("/images/green/cursor/pointer.png"), pointer;
}
.green .audio-controls input[type=range]::-ms-track {
  background: #000000;
  border: 1px #33ff33 solid;
  cursor: url("/images/green/cursor/pointer.png"), pointer;
}
.green .audio-controls input[type=range]:focus::-ms-fill-lower {
  background: #33ff33;
  border: 1px black solid;
}
.green .audio-controls input[type=range]:focus::-ms-fill-upper {
  background: #33ff33;
  border: 1px black solid;
}

.amber .audio-controls {
  background: black;
  color: #FFBF00;
}
.amber .audio-controls button {
  background: #FFBF00;
  border: 1px black solid;
}
.amber .audio-controls button:hover {
  background: black;
  border: 1px #FFBF00 solid;
  cursor: url("/images/amber/cursor/pointer.png"), pointer;
}
.amber .audio-controls button:hover img {
  filter: drop-shadow(0px 0px 4px #FFBF00);
}
.amber .audio-controls input[type=range]::-webkit-slider-thumb {
  background: #FFBF00;
  cursor: url("/images/amber/cursor/pointer.png"), pointer;
}
.amber .audio-controls input[type=range]::-moz-range-thumb {
  background: #FFBF00;
  cursor: url("/images/amber/cursor/pointer.png"), pointer;
}
.amber .audio-controls input[type=range]::-ms-thumb {
  background: #FFBF00;
  cursor: url("/images/amber/cursor/pointer.png"), pointer;
}
.amber .audio-controls input[type=range]::-webkit-slider-runnable-track {
  background: #000000;
  border: 1px #FFBF00 solid;
  cursor: url("/images/amber/cursor/pointer.png"), pointer;
}
.amber .audio-controls input[type=range]:focus::-webkit-slider-runnable-track {
  background: #FFBF00;
  border: 1px black solid;
}
.amber .audio-controls input[type=range]::-moz-range-track {
  background: #000000;
  border: 1px #FFBF00 solid;
  cursor: url("/images/amber/cursor/pointer.png"), pointer;
}
.amber .audio-controls input[type=range]::-ms-track {
  background: #000000;
  border: 1px #FFBF00 solid;
  cursor: url("/images/amber/cursor/pointer.png"), pointer;
}
.amber .audio-controls input[type=range]:focus::-ms-fill-lower {
  background: #FFBF00;
  border: 1px black solid;
}
.amber .audio-controls input[type=range]:focus::-ms-fill-upper {
  background: #FFBF00;
  border: 1px black solid;
}

.microblog {
  margin: 5px;
  padding: 8px;
}
.microblog .microblog_heading {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.microblog .microblog_heading .microblog_title {
  padding: 5px;
}
.microblog .microblog_list {
  list-style-type: none;
}
.microblog .microblog_post {
  margin: 15px 5px;
  padding-bottom: 4px;
}
.microblog .microblog_post .microblog_date {
  padding: 3px 5px;
  display: inline;
}

#container.default .microblog {
  background: rgb(67, 67, 67);
  color: rgb(177, 177, 177);
}
#container.default .microblog .microblog_title {
  font-size: 1.7em;
  font-family: "Bebas";
}
#container.default .microblog .microblog_link-btn {
  background: rgb(40, 40, 40);
  border-radius: 15px;
  color: rgb(177, 177, 177);
  filter: drop-shadow(5px 5px 3px rgb(48, 48, 48));
  padding: 3px 5px;
  transition: 0.5s;
}
#container.default .microblog .microblog_link-btn:hover {
  background: rgb(177, 177, 177);
  color: rgb(40, 40, 40);
  filter: drop-shadow(10px 10px 5px rgb(48, 48, 48));
  transform: scale(1.1);
}
#container.default .microblog .microblog_post {
  border-bottom: 3px solid rgb(177, 177, 177);
}
#container.default .microblog .microblog_post .microblog_date {
  background: rgb(40, 40, 40);
  color: rgb(177, 177, 177);
  font-family: "Bebas";
}

#container.vapor .microblog {
  background: rgb(166, 27, 173);
  color: rgb(218, 255, 124);
}
#container.vapor .microblog .microblog_title {
  font-size: 1.7em;
  font-family: "NeonSans";
}
#container.vapor .microblog .microblog_link-btn {
  background: rgb(31, 5, 126);
  border-radius: 15px;
  color: rgb(77, 212, 229);
  filter: drop-shadow(5px 5px 3px rgb(48, 48, 48));
  padding: 3px 5px;
  transition: 0.5s;
}
#container.vapor .microblog .microblog_link-btn:hover {
  background: rgb(56, 17, 198);
  color: rgb(117, 247, 158);
  filter: drop-shadow(10px 10px 5px rgb(48, 48, 48));
  transform: scale(1.1);
}
#container.vapor .microblog .microblog_post {
  border-bottom: 3px solid rgb(77, 212, 229);
}
#container.vapor .microblog .microblog_post .microblog_date {
  background: rgb(77, 212, 229);
  color: rgb(166, 27, 173);
  font-family: "Bebas";
}

#container.mac .microblog {
  background: #dddddd;
  color: #000;
}
#container.mac .microblog .microblog_title {
  font-size: 1.7em;
  font-family: "Chicago";
}
#container.mac .microblog .microblog_link-btn {
  background: #319c9c;
  border-radius: 15px;
  color: #000;
  filter: drop-shadow(5px 5px 3px rgb(48, 48, 48));
  padding: 3px 5px;
  transition: 0.5s;
}
#container.mac .microblog .microblog_link-btn:hover {
  background: #ccccff;
  color: #000;
  filter: drop-shadow(10px 10px 5px rgb(48, 48, 48));
  transform: scale(1.1);
}
#container.mac .microblog .microblog_post {
  border-bottom: 3px solid #319c9c;
}
#container.mac .microblog .microblog_post .microblog_date {
  background: #319c9c;
  color: #1e1e4e;
  font-family: "Chicago";
}

#container.memphis .microblog {
  background: #b8486c;
  color: #000;
}
#container.memphis .microblog .microblog_title {
  background: black;
  color: #b32e20;
  font-size: 1.3em;
  font-family: "DayPosterBlack";
}
#container.memphis .microblog .microblog_link-btn {
  background: #5c4c7d;
  border-radius: 15px;
  color: #f1d564;
  filter: drop-shadow(5px 5px 3px rgb(48, 48, 48));
  padding: 3px 5px;
  transition: 0.5s;
}
#container.memphis .microblog .microblog_link-btn:hover {
  background: #f1d564;
  color: #000;
  filter: drop-shadow(10px 10px 5px rgb(48, 48, 48));
  transform: scale(1.1);
}
#container.memphis .microblog .microblog_post {
  border-bottom: 3px solid #319c9c;
}
#container.memphis .microblog .microblog_post .microblog_date {
  background: #255643;
  color: #99cc93;
  font-family: "Chicago";
}

#container.utopian .microblog {
  background: #ffffff;
  border: 3px solid #76e1e1;
  color: #000;
}
#container.utopian .microblog .microblog_title {
  font-size: 2.1em;
  font-family: "LatinCondensed";
}
#container.utopian .microblog .microblog_link-btn {
  background: #c3fcfc;
  border-radius: 15px;
  color: #000;
  filter: drop-shadow(5px 5px 3px rgb(48, 48, 48));
  padding: 3px 5px;
  transition: 0.5s;
}
#container.utopian .microblog .microblog_link-btn:hover {
  background: #76e1e1;
  color: #000;
  filter: drop-shadow(10px 10px 5px rgb(48, 48, 48));
  transform: scale(1.1);
}
#container.utopian .microblog .microblog_post {
  border-bottom: 3px solid #76e1e1;
}
#container.utopian .microblog .microblog_post .microblog_date {
  font-size: 1.3em;
  background: #c3fcfc;
  color: #1e1e4e;
  font-family: "LatinCondensed";
}

#container.frasurbane .microblog {
  background: #583304;
  color: #cdcdcd;
}
#container.frasurbane .microblog .microblog_title {
  font-size: 1.5em;
  font-family: "Playfair";
}
#container.frasurbane .microblog .microblog_link-btn {
  background: #95550c;
  border-radius: 15px;
  color: #cdcdcd;
  filter: drop-shadow(5px 5px 3px rgb(48, 48, 48));
  padding: 3px 5px;
  transition: 0.5s;
}
#container.frasurbane .microblog .microblog_link-btn:hover {
  background: #d37b17;
  color: #eeeeee;
  filter: drop-shadow(10px 10px 5px rgb(48, 48, 48));
  transform: scale(1.1);
}
#container.frasurbane .microblog .microblog_post {
  border-bottom: 3px solid #f8f55e;
}
#container.frasurbane .microblog .microblog_post .microblog_date {
  color: #f8f55e;
  font-family: "Playfair";
}

#container.gvch .microblog {
  background: #e6e3dc;
  border: 2px solid #165a5a;
  color: #2d316d;
}
#container.gvch .microblog .microblog_title {
  font-size: 1.7em;
  font-family: "Y2KPop";
}
#container.gvch .microblog .microblog_link-btn {
  background: #ffb02f;
  border-radius: 15px;
  color: #2d316d;
  filter: drop-shadow(5px 5px 3px rgb(48, 48, 48));
  padding: 3px 5px;
  transition: 0.5s;
}
#container.gvch .microblog .microblog_link-btn:hover {
  background: #4d54ae;
  color: #cecece;
  filter: drop-shadow(10px 10px 5px rgb(48, 48, 48));
  transform: scale(1.1);
}
#container.gvch .microblog .microblog_post {
  border-bottom: 3px solid #165a5a;
}
#container.gvch .microblog .microblog_post .microblog_date {
  background: #0b3b3b;
  color: #ffb02f;
  font-family: "Y2KPop";
}

#container.green .microblog {
  background: #000000;
  border: 2px solid #33ff33;
  color: #33ff33;
}
#container.green .microblog .microblog_title {
  font-size: 2em;
  font-family: "Masaki";
}
#container.green .microblog .microblog_link-btn {
  background: #33ff33;
  border: 1px solid black;
  border-radius: 15px;
  color: #000;
  padding: 3px 5px;
  transition: 0.5s;
}
#container.green .microblog .microblog_link-btn:hover {
  background: #000;
  border: 1px solid #33ff33;
  color: #33ff33;
  transform: scale(1.1);
}
#container.green .microblog .microblog_post {
  border-bottom: 3px solid #33ff33;
}
#container.green .microblog .microblog_post .microblog_date {
  background: #33ff33;
  color: #000;
  font-family: "Masaki";
  font-size: 1.4em;
}

#container.amber .microblog {
  background: #000000;
  border: 2px solid #FFBF00;
  color: #FFBF00;
}
#container.amber .microblog .microblog_title {
  font-size: 2em;
  font-family: "Masaki";
}
#container.amber .microblog .microblog_link-btn {
  background: #FFBF00;
  border: 1px solid black;
  border-radius: 15px;
  color: #000;
  padding: 3px 5px;
  transition: 0.5s;
}
#container.amber .microblog .microblog_link-btn:hover {
  background: #000;
  border: 1px solid #FFBF00;
  color: #FFBF00;
  transform: scale(1.1);
}
#container.amber .microblog .microblog_post {
  border-bottom: 3px solid #FFBF00;
}
#container.amber .microblog .microblog_post .microblog_date {
  background: #FFBF00;
  color: #000;
  font-family: "Masaki";
  font-size: 1.4em;
}

.entry-pagination {
  margin: 50px 10px 20px;
}
.entry-pagination .entry-pagination_list {
  align-items: center;
  display: flex;
  flex-direction: row;
  height: 50px;
  justify-content: space-around;
}
.entry-pagination .entry-pagination_list .entry-pagination_btn {
  align-content: center;
  border-radius: 25px;
  height: 50px;
  text-align: center;
  width: 100px;
}
.entry-pagination .entry-pagination_list .entry-pagination_btn a {
  align-content: center;
  display: block;
  height: 100%;
  width: 100%;
}

.active-link {
  filter: drop-shadow(5px 5px 2px black);
  transition: 0.5s;
}
.active-link:hover {
  filter: drop-shadow(7px 7px 7px black);
  scale: 1.3;
}

.default .entry-pagination_btn {
  background: gray;
  border: black 1px solid;
  font-family: "Bebas";
}
.default .entry-pagination_btn a {
  color: black;
}

.vapor .entry-pagination_btn {
  background: rgb(115, 0, 123);
  border: rgb(33, 0, 35) 1px solid;
  font-family: "NeonSans";
}
.vapor .entry-pagination_btn a {
  color: rgb(123, 255, 154);
}

.mac .entry-pagination_btn {
  background: white;
  border: black 3px solid;
  font-family: "Chicago";
}
.mac .entry-pagination_btn a {
  color: black;
}

.memphis .entry-pagination_btn {
  background: rgb(245, 70, 70);
  border: black 3px solid;
  font-family: "DayPosterBlack";
}
.memphis .entry-pagination_btn a {
  color: black;
}

.utopian .entry-pagination_btn {
  background: rgb(255, 255, 255);
  border: black 3px solid;
  font-family: "LatinCondensed";
  font-size: 1.4em;
}
.utopian .entry-pagination_btn a {
  color: black;
}

.frasurbane .entry-pagination_btn {
  background: rgb(120, 89, 40);
  border: black 1px solid;
  font-family: "Playfair";
}
.frasurbane .entry-pagination_btn a {
  color: gold;
}

.gvch .entry-pagination_btn {
  background: rgb(253, 210, 140);
  border: black 1px solid;
  font-family: "LatinCondensed";
  font-size: 1.4em;
}
.gvch .entry-pagination_btn a {
  color: rgb(6, 47, 113);
}

.green .entry-pagination_btn {
  background: black;
  border: #33ff33 1px solid;
  font-family: "Masaki";
  font-size: 1.2em;
}
.green .entry-pagination_btn a {
  color: #33ff33;
}

.amber .entry-pagination_btn {
  background: black;
  border: #FFBF00 1px solid;
  font-family: "Masaki";
  font-size: 1.2em;
}
.amber .entry-pagination_btn a {
  color: #FFBF00;
}

.widget-container {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  width: 100%;
}
.widget-container .widget {
  border: 3px black solid;
  height: 300px;
  overflow-y: scroll;
  width: 250px;
}