MediaWiki:Common.css: Difference between revisions

From Cake Popz
No edit summary
No edit summary
Line 29: Line 29:
.square img {
.square img {
   width: 100%;
   width: 100%;
   height: 160px; /* Match the width for a square image area */
   height: 160px; /* Fixed height instead of auto */
   object-fit: cover; /* Fills the space, may crop image */
   object-fit: cover; /* Crops image to fill space */
   object-position: center; /* Centers the crop */
   object-position: center; /* Centers the image */
  flex-shrink: 0; /* Prevents image from shrinking */
}
}



Revision as of 23:04, 1 February 2026

.page-wrapper {
  max-width: 1200px;
  margin: 0 auto;
}

.container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
  padding: 20px;
  justify-content: center;
}

.square {
  width: 160px;
  height: 320px;
  border: 2px solid #333;
  padding: 15px;
  text-align: center;
  background: #f9f9f9;
  transition: transform 0.2s;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.square img {
  width: 100%;
  height: 160px; /* Fixed height instead of auto */
  object-fit: cover; /* Crops image to fill space */
  object-position: center; /* Centers the image */
}

.square:hover {
  transform: translateY(-5px);
}


.square hr {
  margin: 10px 0;
}

.square p {
  margin: 5px 0;
  font-weight: bold;
  font-size: 14px;
}

.square .placeholder {
  font-weight: normal;
  color: #666;
  font-size: 12px;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.square:hover .placeholder {
  opacity: 1;
}

#content { background-color:#e3f7f6; }

@font-face {
    font-family: 'Genesize Grotesk Demo';
    src: url('fonts/GenesizeGroteskDemo-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Zepter Pro';
    src: url('fonts/Zepter_Pro.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pinky Burst';
    src: url('fonts/PinkyBurst.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Super Meatball';
    src: url('fonts/SuperMeatball.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Caracol Island';
    src: url('fonts/CaracolIsland.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PHONIXEA';
    src: url('fonts/PHONIXEARegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'KidsParty';
    src: url('fonts/KidsParty.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Marine Corps';
    src: url('fonts/MarineCorpsPersonalUsed.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Space Marine';
    src: url('fonts/SpaceMarine-Nominal.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Party Day';
    src: url('fonts/PartyDayDemoRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pool Party';
    src: url('fonts/PoolParty.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}



@font-face {
    font-family: 'Snowboarding';
    src: url('fonts/Snowboarding-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SNOWBLUE';
    src: url('fonts/SNOWBLUE.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hellbone';
    src: url('fonts/HellboneDemoRegular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ice Caps';
    src: url('fonts/IceCaps.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Icecold';
    src: url('fonts/Icecold-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Icecold';
    src: url('fonts/Icecold-Italic.woff2') format('woff2');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Snow Kei';
    src: url('fonts/SnowKei.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Winter Day';
    src: url('fonts/WinterDay.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

#mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk {
	--angle: 45deg;
	background: linear-gradient(var(--angle), #178582, #4AA3A1, #7DBFBF, #B0DBDD, #E3F7F6);
	color: teal !important;
	padding: 0.3em;
	border: none;
	font-family: "Pool Party", sans-serif;
}

#mw-site-navigation .sidebar-chunk *, #mw-related-navigation .sidebar-chunk * {
	color: teal !important;
}

.portable-infobox  .wds-tabs__tab-label {
	position: relative;
	top: -4px;
}

.portable-infobox .pi-secondary-background {
	background: linear-gradient(to bottom, #414141, #191919);
	border: 4px solid #000;
}

.pi-border-color {
	border-color: black;
	border-width: 4px;
	border-radius: 20px;
}

.portable-infobox .pi-image {
	background: repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0.2) 6%, rgba(0, 0, 0, 0.2) 10%, transparent 10%, transparent 15%);
	background-color: rgba(0, 0, 0, 0.2);
}

.portable-infobox .pi-title {
	border-radius: 15px 15px 0 0;
	border-width: 0 0 3px 0!important;
	border-style: solid!important;
	border-color: black!important;
	font-size: 25px !important;
	font-family: Fredoka !important;
	text-shadow: 2px 0 0 black, -2px 0 0 black, 0 2px 0 black, 0 -2px 0 black, 2px 2px 0 black, -2px -2px 0 black, -2px 2px 0 black, 2px -2px 0 black;
}

.portable-infobox .pi-header {
	border-width: 3px 0 3px 0 !important;
	border-style: solid!important;
	border-color: black!important;
	font-size: 16px !important;
	font-family: Fredoka!important ;
	text-shadow: 1px 0px 0px black, -1px 0 0 black, 0 1px 0 black, 0 -1px 0 black, 1px 1px 0 black, -1px -1px 0 black, -1px 1px 0 black, 1px -1px 0 black;
}

.portable-infobox .pi-data {
	border-top-style: none;
}

.pi-horizontal-group-item:not(:first-child) {
	border-left-style: none;
}

/* Page Font */
.page-header__title {
	font-family: "Fredoka";
	font-weight: bold;
}

.page__right-rail {
	--right-rail-background-color: var(--theme-page-background-color)
}

.right-rail-toggle {
	background-color: var(--theme-page-background-color--secondary);
	color: var(--theme-link-color)
}

.right-rail-toggle:hover {
	color: var(--theme-link-color--hover)
}

@font-face {
    font-family: "Fredoka";
    src: url("https://db.onlinewebfonts.com/t/0ca2ea96737ff1b488509e1c766d1048.eot");
    src: url("https://db.onlinewebfonts.com/t/0ca2ea96737ff1b488509e1c766d1048.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/0ca2ea96737ff1b488509e1c766d1048.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/0ca2ea96737ff1b488509e1c766d1048.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/0ca2ea96737ff1b488509e1c766d1048.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/0ca2ea96737ff1b488509e1c766d1048.svg#Fredoka")format("svg");
}


/* Background */
#mw-content-container {
    background-image: url('/images/Pool.gif');
    background-repeat: no-repeat;
    background-position: top center;
    border-bottom-color: #F2C055;
}

@font-face {
    font-family: "Press Start 2P";
    src: url("https://db.onlinewebfonts.com/t/f389091962d8dab9ec69c5060e2e023c.eot");
    src: url("https://db.onlinewebfonts.com/t/f389091962d8dab9ec69c5060e2e023c.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/f389091962d8dab9ec69c5060e2e023c.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/f389091962d8dab9ec69c5060e2e023c.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/f389091962d8dab9ec69c5060e2e023c.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/f389091962d8dab9ec69c5060e2e023c.svg#Press Start 2P")format("svg");
}
@font-face {
    font-family: "Strawberry Muffins Demo";
    src: url("https://db.onlinewebfonts.com/t/5815be6836a5b93a4afd1914f114e001.eot");
    src: url("https://db.onlinewebfonts.com/t/5815be6836a5b93a4afd1914f114e001.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/5815be6836a5b93a4afd1914f114e001.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/5815be6836a5b93a4afd1914f114e001.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/5815be6836a5b93a4afd1914f114e001.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/5815be6836a5b93a4afd1914f114e001.svg#Strawberry Muffins Demo")format("svg");
}
@font-face {
    font-family: "Raleway Bold";
    src: url("https://db.onlinewebfonts.com/t/3b1a9a7b05c1e411253797b2fa3d1e91.eot");
    src: url("https://db.onlinewebfonts.com/t/3b1a9a7b05c1e411253797b2fa3d1e91.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/3b1a9a7b05c1e411253797b2fa3d1e91.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/3b1a9a7b05c1e411253797b2fa3d1e91.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/3b1a9a7b05c1e411253797b2fa3d1e91.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/3b1a9a7b05c1e411253797b2fa3d1e91.svg#Raleway Bold")format("svg");
}

@font-face {
    font-family: "Homemade Apple Regular";
    src: url("https://db.onlinewebfonts.com/t/376ce5f40c7328bc09c760da47afc0d9.eot");
    src: url("https://db.onlinewebfonts.com/t/376ce5f40c7328bc09c760da47afc0d9.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/376ce5f40c7328bc09c760da47afc0d9.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/376ce5f40c7328bc09c760da47afc0d9.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/376ce5f40c7328bc09c760da47afc0d9.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/376ce5f40c7328bc09c760da47afc0d9.svg#Homemade Apple Regular")format("svg");
}

@font-face {
    font-family: "Candice";
    src: url("https://db.onlinewebfonts.com/t/9c7bc61ece0a61a85b6e8a59bebef3d2.eot");
    src: url("https://db.onlinewebfonts.com/t/9c7bc61ece0a61a85b6e8a59bebef3d2.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/9c7bc61ece0a61a85b6e8a59bebef3d2.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/9c7bc61ece0a61a85b6e8a59bebef3d2.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/9c7bc61ece0a61a85b6e8a59bebef3d2.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/9c7bc61ece0a61a85b6e8a59bebef3d2.svg#Candice")format("svg");
}

@font-face {
    font-family: "Pixel NES";
    src: url("https://db.onlinewebfonts.com/t/f555c47ffc99d5fbcc445e615749dc38.eot");
    src: url("https://db.onlinewebfonts.com/t/f555c47ffc99d5fbcc445e615749dc38.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/f555c47ffc99d5fbcc445e615749dc38.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/f555c47ffc99d5fbcc445e615749dc38.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/f555c47ffc99d5fbcc445e615749dc38.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/f555c47ffc99d5fbcc445e615749dc38.svg#Pixel NES")format("svg");
}

@font-face {
    font-family: "Command Prompt Fixed";
    src: url("https://db.onlinewebfonts.com/t/b6db361f28973514771b0b962e2a8008.eot");
    src: url("https://db.onlinewebfonts.com/t/b6db361f28973514771b0b962e2a8008.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/b6db361f28973514771b0b962e2a8008.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/b6db361f28973514771b0b962e2a8008.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/b6db361f28973514771b0b962e2a8008.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/b6db361f28973514771b0b962e2a8008.svg#Command Prompt Fixed")format("svg");
}

@font-face {
    font-family: "F7*5dot font";
    src: url("https://db.onlinewebfonts.com/t/c3c6f4c1bc69bf3f2cccf859aa900668.eot");
    src: url("https://db.onlinewebfonts.com/t/c3c6f4c1bc69bf3f2cccf859aa900668.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/c3c6f4c1bc69bf3f2cccf859aa900668.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/c3c6f4c1bc69bf3f2cccf859aa900668.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/c3c6f4c1bc69bf3f2cccf859aa900668.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/c3c6f4c1bc69bf3f2cccf859aa900668.svg#F7*5dot font")format("svg");
}

@font-face {
    font-family: "threed";
    src: url("https://db.onlinewebfonts.com/t/3c214437d87e656fa363c6bf5e1bb436.eot");
    src: url("https://db.onlinewebfonts.com/t/3c214437d87e656fa363c6bf5e1bb436.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/3c214437d87e656fa363c6bf5e1bb436.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/3c214437d87e656fa363c6bf5e1bb436.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/3c214437d87e656fa363c6bf5e1bb436.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/3c214437d87e656fa363c6bf5e1bb436.svg#threed")format("svg");
}

@font-face {
    font-family: "Championship";
    src: url("https://db.onlinewebfonts.com/t/21e2ec622027e0e44ecd02acfacf2f60.eot");
    src: url("https://db.onlinewebfonts.com/t/21e2ec622027e0e44ecd02acfacf2f60.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/21e2ec622027e0e44ecd02acfacf2f60.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/21e2ec622027e0e44ecd02acfacf2f60.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/21e2ec622027e0e44ecd02acfacf2f60.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/21e2ec622027e0e44ecd02acfacf2f60.svg#Championship")format("svg");
}

@font-face {
    font-family: "Joystix";
    src: url("https://db.onlinewebfonts.com/t/a17af96c10647b3403e18a0e94283536.eot");
    src: url("https://db.onlinewebfonts.com/t/a17af96c10647b3403e18a0e94283536.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/a17af96c10647b3403e18a0e94283536.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/a17af96c10647b3403e18a0e94283536.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/a17af96c10647b3403e18a0e94283536.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/a17af96c10647b3403e18a0e94283536.svg#Joystix")format("svg");
}

@font-face {
    font-family: "F395 equalizer 2";
    src: url("https://db.onlinewebfonts.com/t/8e4b5512463a289b7a24aac91ee1ee91.eot");
    src: url("https://db.onlinewebfonts.com/t/8e4b5512463a289b7a24aac91ee1ee91.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/8e4b5512463a289b7a24aac91ee1ee91.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/8e4b5512463a289b7a24aac91ee1ee91.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/8e4b5512463a289b7a24aac91ee1ee91.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/8e4b5512463a289b7a24aac91ee1ee91.svg#F395 equalizer 2")format("svg");
}

@font-face {
    font-family: "ToxigenesisRg-Bold";
    src: url("https://db.onlinewebfonts.com/t/b8b034ea1980e6988cc1106f1aae25cb.eot");
    src: url("https://db.onlinewebfonts.com/t/b8b034ea1980e6988cc1106f1aae25cb.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/b8b034ea1980e6988cc1106f1aae25cb.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/b8b034ea1980e6988cc1106f1aae25cb.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/b8b034ea1980e6988cc1106f1aae25cb.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/b8b034ea1980e6988cc1106f1aae25cb.svg#ToxigenesisRg-Bold")format("svg");
}

@font-face {
    font-family: "Billie Eilish";
    src: url("https://db.onlinewebfonts.com/t/081005bf0ec7a25a812a8e39420a477c.eot");
    src: url("https://db.onlinewebfonts.com/t/081005bf0ec7a25a812a8e39420a477c.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/081005bf0ec7a25a812a8e39420a477c.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/081005bf0ec7a25a812a8e39420a477c.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/081005bf0ec7a25a812a8e39420a477c.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/081005bf0ec7a25a812a8e39420a477c.svg#Billie Eilish")format("svg");
}

@font-face {
    font-family: "Game Paused DEMO";
    src: url("https://db.onlinewebfonts.com/t/b2de16ea5a7f724666be86b32649f518.eot");
    src: url("https://db.onlinewebfonts.com/t/b2de16ea5a7f724666be86b32649f518.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/b2de16ea5a7f724666be86b32649f518.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/b2de16ea5a7f724666be86b32649f518.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/b2de16ea5a7f724666be86b32649f518.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/b2de16ea5a7f724666be86b32649f518.svg#Game Paused DEMO")format("svg");
}

@font-face {
    font-family: "Fake Receipt";
    src: url("https://db.onlinewebfonts.com/t/6bc5fc6bc1dc19f53b824811a448355a.eot");
    src: url("https://db.onlinewebfonts.com/t/6bc5fc6bc1dc19f53b824811a448355a.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/6bc5fc6bc1dc19f53b824811a448355a.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/6bc5fc6bc1dc19f53b824811a448355a.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/6bc5fc6bc1dc19f53b824811a448355a.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/6bc5fc6bc1dc19f53b824811a448355a.svg#Fake Receipt")format("svg");
}

@font-face {
    font-family: "Roblox 2017";
    src: url("https://db.onlinewebfonts.com/t/b2582567749a201b8c641993b51ed625.eot");
    src: url("https://db.onlinewebfonts.com/t/b2582567749a201b8c641993b51ed625.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/b2582567749a201b8c641993b51ed625.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/b2582567749a201b8c641993b51ed625.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/b2582567749a201b8c641993b51ed625.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/b2582567749a201b8c641993b51ed625.svg#Roblox 2017")format("svg");
}

@font-face {
    font-family: "iDroid S";
    src: url("https://db.onlinewebfonts.com/t/16c3e1876ccccf317c091e4df90ed205.eot");
    src: url("https://db.onlinewebfonts.com/t/16c3e1876ccccf317c091e4df90ed205.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/16c3e1876ccccf317c091e4df90ed205.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/16c3e1876ccccf317c091e4df90ed205.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/16c3e1876ccccf317c091e4df90ed205.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/16c3e1876ccccf317c091e4df90ed205.svg#iDroid S")format("svg");
}

@font-face {
    font-family: "Poxast";
    src: url("https://db.onlinewebfonts.com/t/681822ee831ebd2565c8d52eca2af768.eot");
    src: url("https://db.onlinewebfonts.com/t/681822ee831ebd2565c8d52eca2af768.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/681822ee831ebd2565c8d52eca2af768.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/681822ee831ebd2565c8d52eca2af768.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/681822ee831ebd2565c8d52eca2af768.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/681822ee831ebd2565c8d52eca2af768.svg#Poxast")format("svg");
}

@font-face {
    font-family: "Subway Ticker";
    src: url("https://db.onlinewebfonts.com/t/7dc316626726a6192011df8351950103.eot");
    src: url("https://db.onlinewebfonts.com/t/7dc316626726a6192011df8351950103.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/7dc316626726a6192011df8351950103.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/7dc316626726a6192011df8351950103.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/7dc316626726a6192011df8351950103.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/7dc316626726a6192011df8351950103.svg#Subway Ticker")format("svg");
}

@font-face {
    font-family: "Senor Saturno V1";
    src: url("https://db.onlinewebfonts.com/t/c6ae7c2426a9df2a7e51da2f455bb68a.eot");
    src: url("https://db.onlinewebfonts.com/t/c6ae7c2426a9df2a7e51da2f455bb68a.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/c6ae7c2426a9df2a7e51da2f455bb68a.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/c6ae7c2426a9df2a7e51da2f455bb68a.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/c6ae7c2426a9df2a7e51da2f455bb68a.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/c6ae7c2426a9df2a7e51da2f455bb68a.svg#Senor Saturno V1")format("svg");
}

@font-face {
    font-family: "Academy Regular";
    src: url("https://db.onlinewebfonts.com/t/4b1d0ee8fbe9a000f04e17038f7baa99.eot");
    src: url("https://db.onlinewebfonts.com/t/4b1d0ee8fbe9a000f04e17038f7baa99.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/4b1d0ee8fbe9a000f04e17038f7baa99.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/4b1d0ee8fbe9a000f04e17038f7baa99.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/4b1d0ee8fbe9a000f04e17038f7baa99.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/4b1d0ee8fbe9a000f04e17038f7baa99.svg#Academy Regular")format("svg");
}

@font-face {
    font-family: "PixelFlag Regular";
    src: url("https://db.onlinewebfonts.com/t/8e377f1e5376f3ebebefb674e2449aa5.eot");
    src: url("https://db.onlinewebfonts.com/t/8e377f1e5376f3ebebefb674e2449aa5.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/8e377f1e5376f3ebebefb674e2449aa5.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/8e377f1e5376f3ebebefb674e2449aa5.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/8e377f1e5376f3ebebefb674e2449aa5.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/8e377f1e5376f3ebebefb674e2449aa5.svg#PixelFlag Regular")format("svg");
}

@font-face {
    font-family: "F14 Segment LED";
    src: url("https://db.onlinewebfonts.com/t/303e245ee7159b39227d219e4f19dfbc.eot");
    src: url("https://db.onlinewebfonts.com/t/303e245ee7159b39227d219e4f19dfbc.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/303e245ee7159b39227d219e4f19dfbc.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/303e245ee7159b39227d219e4f19dfbc.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/303e245ee7159b39227d219e4f19dfbc.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/303e245ee7159b39227d219e4f19dfbc.svg#F14 Segment LED")format("svg");
}

@font-face {
    font-family: "TesseraTopaz8x16";
    src: url("https://db.onlinewebfonts.com/t/f17d7184beb7967ffffdac2db2be3252.eot");
    src: url("https://db.onlinewebfonts.com/t/f17d7184beb7967ffffdac2db2be3252.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/f17d7184beb7967ffffdac2db2be3252.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/f17d7184beb7967ffffdac2db2be3252.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/f17d7184beb7967ffffdac2db2be3252.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/f17d7184beb7967ffffdac2db2be3252.svg#TesseraTopaz8x16")format("svg");
}

@font-face {
    font-family: "Crewniverse";
    src: url("https://db.onlinewebfonts.com/t/9c3b9b699ec505de691a9184317793d8.eot");
    src: url("https://db.onlinewebfonts.com/t/9c3b9b699ec505de691a9184317793d8.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/9c3b9b699ec505de691a9184317793d8.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/9c3b9b699ec505de691a9184317793d8.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/9c3b9b699ec505de691a9184317793d8.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/9c3b9b699ec505de691a9184317793d8.svg#Crewniverse")format("svg");
}

@font-face {
    font-family: "Starborn";
    src: url("https://db.onlinewebfonts.com/t/2afe16b4e1a977f13d988de8a968ae7c.eot");
    src: url("https://db.onlinewebfonts.com/t/2afe16b4e1a977f13d988de8a968ae7c.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/2afe16b4e1a977f13d988de8a968ae7c.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/2afe16b4e1a977f13d988de8a968ae7c.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/2afe16b4e1a977f13d988de8a968ae7c.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/2afe16b4e1a977f13d988de8a968ae7c.svg#Starborn")format("svg");
}

@font-face {
    font-family: "Card Characters";
    src: url("https://db.onlinewebfonts.com/t/49290f9700f67192ec91550680336dad.eot");
    src: url("https://db.onlinewebfonts.com/t/49290f9700f67192ec91550680336dad.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/49290f9700f67192ec91550680336dad.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/49290f9700f67192ec91550680336dad.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/49290f9700f67192ec91550680336dad.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/49290f9700f67192ec91550680336dad.svg#Card Characters")format("svg");
}

@font-face {
    font-family: "War is Over(RUS BY LYAJKA)";
    src: url("https://db.onlinewebfonts.com/t/c8badad0a4cadcefd2f543d4f34e90c2.eot");
    src: url("https://db.onlinewebfonts.com/t/c8badad0a4cadcefd2f543d4f34e90c2.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/c8badad0a4cadcefd2f543d4f34e90c2.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/c8badad0a4cadcefd2f543d4f34e90c2.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/c8badad0a4cadcefd2f543d4f34e90c2.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/c8badad0a4cadcefd2f543d4f34e90c2.svg#War is Over(RUS BY LYAJKA)")format("svg");
}

@font-face {
    font-family: "Bubble Rainbow";
    src: url("https://db.onlinewebfonts.com/t/0a392c97a01e18e13d96803790f6e932.eot");
    src: url("https://db.onlinewebfonts.com/t/0a392c97a01e18e13d96803790f6e932.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/0a392c97a01e18e13d96803790f6e932.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/0a392c97a01e18e13d96803790f6e932.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/0a392c97a01e18e13d96803790f6e932.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/0a392c97a01e18e13d96803790f6e932.svg#Bubble Rainbow")format("svg");
}

@font-face {
    font-family: "Coloring Book";
    src: url("https://db.onlinewebfonts.com/t/641e0f8bd0605f304a44d576877a26a2.eot");
    src: url("https://db.onlinewebfonts.com/t/641e0f8bd0605f304a44d576877a26a2.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/641e0f8bd0605f304a44d576877a26a2.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/641e0f8bd0605f304a44d576877a26a2.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/641e0f8bd0605f304a44d576877a26a2.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/641e0f8bd0605f304a44d576877a26a2.svg#Coloring Book")format("svg");
}

@font-face {
    font-family: "LEMON MILK";
    src: url("https://db.onlinewebfonts.com/t/499e6a9eb2ee00ca390df83c1a1b9e47.eot");
    src: url("https://db.onlinewebfonts.com/t/499e6a9eb2ee00ca390df83c1a1b9e47.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/499e6a9eb2ee00ca390df83c1a1b9e47.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/499e6a9eb2ee00ca390df83c1a1b9e47.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/499e6a9eb2ee00ca390df83c1a1b9e47.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/499e6a9eb2ee00ca390df83c1a1b9e47.svg#LEMON MILK")format("svg");
}