@import "emotes.css";
@import "themes/cel.css";
@import "themes/digi.css";
@import "themes/pixl.css";
@import "themes/rumi.css";
@import "themes/th.css";
@import "themes/art.css";
@import "themes/hob.css";
@import "themes/lit.css";
@import "themes/mu.css";
@import "themes/tech.css";
@import "themes/chill.css";
@import "themes/wc.css";
@import "themes/kind.css";
@import "themes/ayashii.css";
@import "themes/2channel.css";
@import "themes/tower.css";
/*FONT IMPORT BEGIN*/
@font-face {
  font-family: "SymbolsNerdFont";
  src: url("../fonts/SymbolsNerdFont-Regular.woff2") format("woff2"),
  url("../fonts/SymbolsNerdFont-Regular.woff") format("woff");
}
@font-face {
  font-family: "OpenSans";
  src: url("../fonts/OpenSans-Regular.woff2") format("woff2"),
  url("../fonts/OpenSans-Regular.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "OpenSans";
  src: url("../fonts/OpenSans-Bold.woff2") format("woff2"),
  url("../fonts/OpenSans-Bold.woff") format("woff");
  font-weight: bold;
}
@font-face {
  font-family: "Saitamaar";
  src: url("../fonts/Saitamaar.woff2") format("woff2"),
  url("../fonts/Saitamaar.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "IPA MonaP Gothic";
  src: url("../fonts/IPAMonaPGothic-Regular.woff2") format("woff2"),
  url("../fonts/IPAMonaPGothic-Regular.woff") format("woff");
}
@font-face {
  font-family: "Hiragino Kaku Gothic ProN";
  src: url("../fonts/Hiragino-Kaku-Gothic-ProN-W3.woff2") format("woff2"),
  url("../fonts/Hiragino-Kaku-Gothic-ProN-W3.woff") format("woff");
}
@font-face {
  font-family: "Hiragino Kaku Gothic ProN";
  src: url("../fonts/Hiragino-Kaku-Gothic-ProN-W6.woff2") format("woff2"),
  url("../fonts/Hiragino-Kaku-Gothic-ProN-W6.woff") format("woff");
  font-weight: bold;
}
@font-face {
  font-family: "BIZUDGothic";
  src: url("../fonts/BIZUDGothic-Regular.woff2") format("woff2"),
  url("../fonts/BIZUDGothic-Regular.woff") format("woff");
}
@font-face {
  font-family: "BIZUDGothic";
  src: url("../fonts/BIZUDGothic-Bold.woff2") format("woff2"),
  url("../fonts/BIZUDGothic-Bold.woff") format("woff");
  font-weight: bold;
}
@font-face {
  font-family: "TT Bricks Trial";
  src: url("../fonts/TT_Bricks_Trial_Medium.woff2") format("woff2"),
  url("../fonts/TT_Bricks_Trial_Medium.woff") format("woff");
}
@font-face {
  font-family: "TT Bricks Trial";
  src: url("../fonts/TT_Bricks_Trial_Bold.woff2") format("woff2"),
  url("../fonts/TT_Bricks_Trial_Bold.woff") format("woff");
  font-weight: bold;
}
@font-face {
  font-family: "TT Bricks Trial";
  src: url("../fonts/TT_Bricks_Trial_Medium_Italic.woff2") format("woff2"),
  url("../fonts/TT_Bricks_Trial_Medium_Italic.woff") format("woff");
  font-style: italic;
}
@font-face {
  font-family: "TT Bricks Trial";
  src: url("../fonts/TT_Bricks_Trial_Bold_Italic.woff2") format("woff2"),
  url("../fonts/TT_Bricks_Trial_Bold_Italic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Clarendon";
  src: url("../fonts/Clarendon-Regular.woff2") format("woff2"),
  url("../fonts/Clarendon-Regular.woff") format("woff");
}
@font-face {
  font-family: "TopazPlus a500";
  src: url("../fonts/TopazPlus_a500_v1.0.woff2") format("woff2"),
  url("../fonts/TopazPlus_a500_v1.0.woff") format("woff");
}
@font-face {
  font-family: "TopazPlus a1200";
  src: url("../fonts/TopazPlus_a1200_v1.0.woff2") format("woff2"),
  url("../fonts/TopazPlus_a1200_v1.0.woff") format("woff");
}
@font-face {
  font-family: "ArimoNerdFont";
  src: url("../fonts/ArimoNerdFont-Regular.woff2") format("woff2"),
  url("../fonts/ArimoNerdFont-Regular.woff") format("woff");
}
@font-face {
  font-family: "ArimoNerdFont";
  src: url("../fonts/ArimoNerdFont-Bold.woff2") format("woff2"),
  url("../fonts/ArimoNerdFont-Bold.woff") format("woff");
  font-weight: bold;
}
@font-face {
  font-family: "ArimoNerdFont";
  src: url("../fonts/ArimoNerdFont-Italic.woff2") format("woff2"),
  url("../fonts/ArimoNerdFont-Italic.woff") format("woff");
  font-style: italic;
}
@font-face {
  font-family: "ArimoNerdFont";
  src: url("../fonts/ArimoNerdFont-BoldItalic.woff2") format("woff2"),
  url("../fonts/ArimoNerdFont-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "CozetteVector";
  src: url("../fonts/CozetteVector.woff2") format("woff2"),
  url("../fonts/CozetteVector.woff") format("woff");
}
@font-face {
  font-family: "TerminusTTF";
  src: url("../fonts/TerminusTTF-Regular.woff2") format("woff2"),
  url("../fonts/TerminusTTF-Regular.woff") format("woff");
}
@font-face {
  font-family: "TerminusTTF";
  src: url("../fonts/TerminusTTF-Bold.woff2") format("woff2"),
  url("../fonts/TerminusTTF-Bold.woff") format("woff");
  font-weight: bold;
}
@font-face {
  font-family: "TerminusTTF";
  src: url("../fonts/TerminusTTF-Italic.woff2") format("woff2"),
  url("../fonts/TerminusTTF-Italic.woff") format("woff");
  font-style: italic;
}
@font-face {
  font-family: "TerminusTTF";
  src: url("../fonts/TerminusTTF-BoldItalic.woff2") format("woff2"),
  url("../fonts/TerminusTTF-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Charcoal Pixelated";
  src: url("../fonts/Charcoal-Pixelated.woff2") format("woff2"),
  url("../fonts/Charcoal-Pixelated.woff") format("woff");
}
@font-face {
  font-family: "Nine By Five NBP";
  src: url("../fonts/Nine-By-Five-NBP.woff2") format("woff2"),
  url("../fonts/Nine-By-Five-NBP.woff") format("woff");
}
@font-face {
  font-family: "Libre Baskerville";
  src: url("../fonts/LibreBaskerville-Regular.woff2") format("woff2"),
  url("../fonts/LibreBaskerville-Regular.woff") format("woff");
}
@font-face {
  font-family: "Libre Baskerville";
  src: url("../fonts/LibreBaskerville-Bold.woff2") format("woff2"),
  url("../fonts/LibreBaskerville-Bold.woff") format("woff");
  font-weight: bold;
}
@font-face {
  font-family: "Libre Baskerville";
  src: url("../fonts/LibreBaskerville-Italic.woff2") format("woff2"),
  url("../fonts/LibreBaskerville-Italic.woff") format("woff");
  font-style: italic;
}
@font-face {
  font-family: "Essays 1743";
  src: url("../fonts/Essays1743-Regular.woff2") format("woff2"),
  url("../fonts/Essays1743-Regular.woff") format("woff");
}
@font-face {
  font-family: "Essays 1743";
  src: url("../fonts/Essays1743-Bold.woff2") format("woff2"),
  url("../fonts/Essays1743-Bold.woff") format("woff");
  font-weight: bold;
}
@font-face {
  font-family: "Essays 1743";
  src: url("../fonts/Essays1743-Italic.woff2") format("woff2"),
  url("../fonts/Essays1743-Italic.woff") format("woff");
  font-style: italic;
}
@font-face {
  font-family: "Essays 1743";
  src: url("../fonts/Essays1743-BoldItalic.woff2") format("woff2"),
  url("../fonts/Essays1743-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Caslon Antique";
  src: url("../fonts/CaslonAntique-Regular.woff2") format("woff2"),
  url("../fonts/Caslon-Antique-Regular.woff") format("woff");
}
@font-face {
  font-family: "Caslon Antique";
  src: url("../fonts/Caslon-Antique-Bold.woff2") format("woff2"),
  url("../fonts/CaslonAntique-Bold.woff") format("woff");
  font-weight: bold;
}
@font-face {
  font-family: "Caslon Antique";
  src: url("../fonts/CaslonAntique-Italic.woff2") format("woff2"),
  url("../fonts/Caslon-Antique-Italic.woff") format("woff");
  font-style: italic;
}
@font-face {
  font-family: "Caslon Antique";
  src: url("../fonts/CaslonAntique-BoldItalic.woff2") format("woff2"),
  url("../fonts/Caslon-Antique-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "PC-98";
  src: url("../fonts/PC-98-Regular.woff2") format("woff2"),
  url("../fonts/PC-98-Regular.woff") format("woff");
}
@font-face {
  font-family: "PC-98";
  src: url("../fonts/PC-98-Bold.woff2") format("woff2"),
  url("../fonts/PC-98-Bold.woff") format("woff");
  font-weight: bold;
}
@font-face {
  font-family: "Komika";
  src: url("../fonts/Komika-Slim-Regular.woff2") format("woff2"),
  url("../fonts/Komika-Slim-Regular.woff") format("woff");
}
@font-face {
  font-family: "Komika";
  src: url("../fonts/Komika-Slick-Regular.woff2") format("woff2"),
  url("../fonts/Komika-Slick-Regular.woff") format("woff");
  font-weight: bold;
}
@font-face {
  font-family: "Komika";
  src: url("../fonts/Komika-Slim-Italic.woff2") format("woff2"),
  url("../fonts/Komika-Slim-Italic.woff") format("woff");
  font-style: italic;
}
@font-face {
  font-family: "Komika";
  src: url("../fonts/Komika-Slick-Italic.woff2") format("woff2"),
  url("../fonts/Komika-Slick-Italic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "GROBOLD";
  src: url("../fonts/GROBOLD.woff2") format("woff2"),
  url("../fonts/GROBOLD.woff") format("woff");
}
@font-face {
  font-family: "DFPOCOC";
  src: url("../fonts/DFPOCOC.woff2") format("woff2"),
  url("../fonts/DFPOCOC.woff") format("woff");
}
@font-face {
  font-family: "Fami Sans";
  src: url("../fonts/Fami-Sans.woff2") format("woff2"),
  url("../fonts/Fami-Sans.woff") format("woff");
}
@font-face {
  font-family: "Fami Sans";
  src: url("../fonts/Fami-Sans-Bold.woff2") format("woff2"),
  url("../fonts/Fami-Sans-Bold.woff") format("woff");
  font-weight: bold;
}
@font-face {
  font-family: "Fami Sans Condensed";
  src: url("../fonts/Fami-Sans-Condensed.woff2") format("woff2"),
  url("../fonts/Fami-Sans-Condensed.woff") format("woff");
}
@font-face {
  font-family: "Fami Sans Condensed";
  src: url("../fonts/Fami-Sans-Condensed-Bold.woff2") format("woff2"),
  url("../fonts/Fami-Sans-Condensed-Bold.woff") format("woff");
  font-weight: bold;
}
@font-face {
  font-family: "Fami Serif";
  src: url("../fonts/Fami-Serif.woff2") format("woff2"),
  url("../fonts/Fami-Serif.woff") format("woff");
}
@font-face {
  font-family: "Fami Serif";
  src: url("../fonts/Fami-Serif-Bold.woff2") format("woff2"),
  url("../fonts/Fami-Serif-Bold.woff") format("woff");
  font-weight: bold;
}
@font-face {
  font-family: "Fami Square";
  src: url("../fonts/Fami-Square.woff2") format("woff2"),
  url("../fonts/Fami-Square.woff") format("woff");
}
@font-face {
  font-family: "Fami Square";
  src: url("../fonts/Fami-Square-Bold.woff2") format("woff2"),
  url("../fonts/Fami-Square-Bold.woff") format("woff");
  font-weight: bold;
}
@font-face {
  font-family: "Arial Pixelated 16";
  src: url("../fonts/Arial-Pixelated-16-Regular.woff2") format("woff2"),
  url("../fonts/Arial-Pixelated-16-Regular.woff") format("woff");
}
@font-face {
  font-family: "Arial Pixelated 16";
  src: url("../fonts/Arial-Pixelated-16-Bold.woff2") format("woff2"),
  url("../fonts/Arial-Pixelated-16-Bold.woff") format("woff");
  font-weight: bold;
}
@font-face {
  font-family: "Arial Pixelated 16";
  src: url("../fonts/Arial-Pixelated-16-Italic.woff2") format("woff2"),
  url("../fonts/Arial-Pixelated-16-Italic.woff") format("woff");
  font-style: italic;
}
@font-face {
  font-family: "Arial Pixelated 16";
  src: url("../fonts/Arial-Pixelated-16-BoldItalic.woff2") format("woff2"),
  url("../fonts/Arial-Pixelated-16-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Arial Pixelated 24";
  src: url("../fonts/Arial-Pixelated-24-Regular.woff2") format("woff2"),
  url("../fonts/Arial-Pixelated-24-Regular.woff") format("woff");
}
@font-face {
  font-family: "Arial Pixelated 24";
  src: url("../fonts/Arial-Pixelated-24-Bold.woff2") format("woff2"),
  url("../fonts/Arial-Pixelated-24-Bold.woff") format("woff");
  font-weight: bold;
}
@font-face {
  font-family: "Arial Pixelated 24";
  src: url("../fonts/Arial-Pixelated-24-Italic.woff2") format("woff2"),
  url("../fonts/Arial-Pixelated-24-Italic.woff") format("woff");
  font-style: italic;
}
@font-face {
  font-family: "Arial Pixelated 24";
  src: url("../fonts/Arial-Pixelated-24-BoldItalic.woff2") format("woff2"),
  url("../fonts/Arial-Pixelated-24-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Arial Pixelated 32";
  src: url("../fonts/Arial-Pixelated-32-Regular.woff2") format("woff2"),
  url("../fonts/Arial-Pixelated-32-Regular.woff") format("woff");
}
@font-face {
  font-family: "Arial Pixelated 32";
  src: url("../fonts/Arial-Pixelated-32-Bold.woff2") format("woff2"),
  url("../fonts/Arial-Pixelated-32-Bold.woff") format("woff");
  font-weight: bold;
}
@font-face {
  font-family: "Arial Pixelated 32";
  src: url("../fonts/Arial-Pixelated-32-Italic.woff2") format("woff2"),
  url("../fonts/Arial-Pixelated-32-Italic.woff") format("woff");
  font-style: italic;
}
@font-face {
  font-family: "Arial Pixelated 32";
  src: url("../fonts/Arial-Pixelated-32-BoldItalic.woff2") format("woff2"),
  url("../fonts/Arial-Pixelated-32-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Comic Sans Pixelated 16";
  src: url("../fonts/Comic-Sans-Pixelated-16-Regular.woff2") format("woff2"),
  url("../fonts/Comic-Sans-Pixelated-16-Regular.woff") format("woff");
}
@font-face {
  font-family: "Comic Sans Pixelated 16";
  src: url("../fonts/Comic-Sans-Pixelated-16-Bold.woff2") format("woff2"),
  url("../fonts/Comic-Sans-Pixelated-16-Bold.woff") format("woff");
  font-weight: bold;
}
@font-face {
  font-family: "Comic Sans Pixelated 24";
  src: url("../fonts/Comic-Sans-Pixelated-24-Regular.woff2") format("woff2"),
  url("../fonts/Comic-Sans-Pixelated-24-Regular.woff") format("woff");
}
@font-face {
  font-family: "Comic Sans Pixelated 24";
  src: url("../fonts/Comic-Sans-Pixelated-24-Bold.woff2") format("woff2"),
  url("../fonts/Comic-Sans-Pixelated-24-Bold.woff") format("woff");
  font-weight: bold;
}
@font-face {
  font-family: "Comic Sans Pixelated 32";
  src: url("../fonts/Comic-Sans-Pixelated-32-Regular.woff2") format("woff2"),
  url("../fonts/Comic-Sans-Pixelated-32-Regular.woff") format("woff");
}
@font-face {
  font-family: "Comic Sans Pixelated 32";
  src: url("../fonts/Comic-Sans-Pixelated-32-Bold.woff2") format("woff2"),
  url("../fonts/Comic-Sans-Pixelated-32-Bold.woff") format("woff");
  font-weight: bold;
}
@font-face {
  font-family: "Courier Pixelated 16";
  src: url("../fonts/Courier-Pixelated-16-Regular.woff2") format("woff2"),
  url("../fonts/Courier-Pixelated-16-Regular.woff") format("woff");
}
@font-face {
  font-family: "Courier Pixelated 16";
  src: url("../fonts/Courier-Pixelated-16-Bold.woff2") format("woff2"),
  url("../fonts/Courier-Pixelated-16-Bold.woff") format("woff");
  font-weight: bold;
}
@font-face {
  font-family: "Courier Pixelated 16";
  src: url("../fonts/Courier-Pixelated-16-Italic.woff2") format("woff2"),
  url("../fonts/Courier-Pixelated-16-Italic.woff") format("woff");
  font-style: italic;
}
@font-face {
  font-family: "Courier Pixelated 16";
  src: url("../fonts/Courier-Pixelated-16-BoldItalic.woff2") format("woff2"),
  url("../fonts/Courier-Pixelated-16-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Courier Pixelated 24";
  src: url("../fonts/Courier-Pixelated-24-Regular.woff2") format("woff2"),
  url("../fonts/Courier-Pixelated-24-Regular.woff") format("woff");
}
@font-face {
  font-family: "Courier Pixelated 24";
  src: url("../fonts/Courier-Pixelated-24-Bold.woff2") format("woff2"),
  url("../fonts/Courier-Pixelated-24-Bold.woff") format("woff");
  font-weight: bold;
}
@font-face {
  font-family: "Courier Pixelated 24";
  src: url("../fonts/Courier-Pixelated-24-Italic.woff2") format("woff2"),
  url("../fonts/Courier-Pixelated-24-Italic.woff") format("woff");
  font-style: italic;
}
@font-face {
  font-family: "Courier Pixelated 24";
  src: url("../fonts/Courier-Pixelated-24-BoldItalic.woff2") format("woff2"),
  url("../fonts/Courier-Pixelated-24-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Courier Pixelated 32";
  src: url("../fonts/Courier-Pixelated-32-Regular.woff2") format("woff2"),
  url("../fonts/Courier-Pixelated-32-Regular.woff") format("woff");
}
@font-face {
  font-family: "Courier Pixelated 32";
  src: url("../fonts/Courier-Pixelated-32-Bold.woff2") format("woff2"),
  url("../fonts/Courier-Pixelated-32-Bold.woff") format("woff");
  font-weight: bold;
}
@font-face {
  font-family: "Courier Pixelated 32";
  src: url("../fonts/Courier-Pixelated-32-Italic.woff2") format("woff2"),
  url("../fonts/Courier-Pixelated-32-Italic.woff") format("woff");
  font-style: italic;
}
@font-face {
  font-family: "Courier Pixelated 32";
  src: url("../fonts/Courier-Pixelated-32-BoldItalic.woff2") format("woff2"),
  url("../fonts/Courier-Pixelated-32-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Lucida Hand Pixelated 16";
  src: url("../fonts/Lucida-Hand-Pixelated-16-Regular.woff2") format("woff2"),
  url("../fonts/Lucida-Hand-Pixelated-16-Regular.woff") format("woff");
}
@font-face {
  font-family: "Lucida Hand Pixelated 24";
  src: url("../fonts/Lucida-Hand-Pixelated-24-Regular.woff2") format("woff2"),
  url("../fonts/Lucida-Hand-Pixelated-24-Regular.woff") format("woff");
}
@font-face {
  font-family: "Lucida Hand Pixelated 32";
  src: url("../fonts/Lucida-Hand-Pixelated-32-Regular.woff2") format("woff2"),
  url("../fonts/Lucida-Hand-Pixelated-32-Regular.woff") format("woff");
}
@font-face {
  font-family: "MS Sans Pixelated 13";
  src: url("../fonts/MS-Sans-Pixelated-13-Regular.woff2") format("woff2"),
  url("../fonts/MS-Sans-Pixelated-13-Regular.woff") format("woff");
}
@font-face {
  font-family: "MS Sans Pixelated 17";
  src: url("../fonts/MS-Sans-Pixelated-17-Regular.woff2") format("woff2"),
  url("../fonts/MS-Sans-Pixelated-17-Regular.woff") format("woff");
}
@font-face {
  font-family: "Times Pixelated 16";
  src: url("../fonts/Times-Pixelated-16-Regular.woff2") format("woff2"),
  url("../fonts/Times-Pixelated-16-Regular.woff") format("woff");
}
@font-face {
  font-family: "Times Pixelated 16";
  src: url("../fonts/Times-Pixelated-16-Bold.woff2") format("woff2"),
  url("../fonts/Times-Pixelated-16-Bold.woff") format("woff");
  font-weight: bold;
}
@font-face {
  font-family: "Times Pixelated 16";
  src: url("../fonts/Times-Pixelated-16-Italic.woff2") format("woff2"),
  url("../fonts/Times-Pixelated-16-Italic.woff") format("woff");
  font-style: italic;
}
@font-face {
  font-family: "Times Pixelated 16";
  src: url("../fonts/Times-Pixelated-16-BoldItalic.woff2") format("woff2"),
  url("../fonts/Times-Pixelated-16-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Times Pixelated 24";
  src: url("../fonts/Times-Pixelated-24-Regular.woff2") format("woff2"),
  url("../fonts/Times-Pixelated-24-Regular.woff") format("woff");
}
@font-face {
  font-family: "Times Pixelated 24";
  src: url("../fonts/Times-Pixelated-24-Bold.woff2") format("woff2"),
  url("../fonts/Times-Pixelated-24-Bold.woff") format("woff");
  font-weight: bold;
}
@font-face {
  font-family: "Times Pixelated 24";
  src: url("../fonts/Times-Pixelated-24-Italic.woff2") format("woff2"),
  url("../fonts/Times-Pixelated-24-Italic.woff") format("woff");
  font-style: italic;
}
@font-face {
  font-family: "Times Pixelated 24";
  src: url("../fonts/Times-Pixelated-24-BoldItalic.woff2") format("woff2"),
  url("../fonts/Times-Pixelated-24-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Times Pixelated 32";
  src: url("../fonts/Times-Pixelated-32-Regular.woff2") format("woff2"),
  url("../fonts/Times-Pixelated-32-Regular.woff") format("woff");
}
@font-face {
  font-family: "Times Pixelated 32";
  src: url("../fonts/Times-Pixelated-32-Bold.woff2") format("woff2"),
  url("../fonts/Times-Pixelated-32-Bold.woff") format("woff");
  font-weight: bold;
}
@font-face {
  font-family: "Times Pixelated 32";
  src: url("../fonts/Times-Pixelated-32-Italic.woff2") format("woff2"),
  url("../fonts/Times-Pixelated-32-Italic.woff") format("woff");
  font-style: italic;
}
@font-face {
  font-family: "Times Pixelated 32";
  src: url("../fonts/Times-Pixelated-32-BoldItalic.woff2") format("woff2"),
  url("../fonts/Times-Pixelated-32-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
}
/*FONT IMPORT END*/
.leftmenu {
  display: none;
}

.topBoards a, .innerPost,
  .sideCatalogCell, .markedPost, .sideCatalogMarkedCell,
  .catalogCell {
    background: #282A2E;
}


.validationHashDiv {
  line-break: anywhere;
}

#secondaryBar {
  margin: 1em;
}

#labelBypass {
  max-width: 80%;
  word-break: break-all;
}

.markedPost, .sideCatalogMarkedCell {
  background: #d6bad0;
  border-width: 1px;
  border-style: none solid solid none;
  border-color: #B7C5D9;
}

.logoImg {
  display: inline-block;
  height: 150px;
  min-width: 1px;
}
.logoImgRumi {
  display: none;
  height: 150px;
  min-width: 1px;
}
.logoImgOld {
  display: none;
  height: 150px;
  min-width: 1px;
}

.captchaImage {
  width: 300px;
  height: 100px;
  background-color: white;
}

.small {
  font-size: 75%;
  text-decoration: none;
}

.clearer {
  clear: both;
}

.small a {
  text-decoration: none;
}

#panelReferences a {
  display: block;
}

.imgLink img, .latestImageCell img, .mediaCell img, .catalogCell img {
  image-orientation: from-image;
}

.linkList a {
  display: block;
}

#themeSelector {
  font-size: 90%;
}

h3, p, label {
  margin: 0.0em 0;
}

hr {
  height: 0px;
  border-width: 1px medium medium;
  border-style: solid none none;
  border-color: black;
}

.checkedFavouriteButton:before {
  color: #FFB300;
}

a, .unhideButton, .embedButton, #selectedTab,
  #showFormsButton {
  color: rgb(154, 185, 242);
  cursor: pointer;
}




a:hover, .intro a.post_no:hover {
  color: #ff0000;
}

a {
  text-decoration: none;
}


u {
  text-decoration: underline;
}

s {
  text-decoration: line-through;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

input, textarea {
  font-size: 80%;
  border: 1px solid #111;
  background-color: #282a2e;
  color: #c5c8c6;
  font-family: "CozetteVector";
}

select {
  font-size: 80%;
  border: 1px solid #c5c8c6;
  background-color: #282a2e;
  color: #c5c8c6;
  font-family: "CozetteVector";
}

.dropzone, .selectedCell {
  border: 2px dashed rgba(125, 125, 125, 0.4);
  background-color: rgba(200, 200, 200, 0.5);
  color: rgba(0, 0, 0, 0.5);
  padding-left: 0.25em;
  font-size: 80%;
  font-weight: bold;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
input[type=button], input[type=submit],
  button, .dropzone, .selectedCell
  {
    border: 1px solid #111;
    background: #282a2e;
    color: #c5c8c6;
    padding-left: 0.25em;
    font-size: 80%;
    font-weight: bold;
    font-family: "CozetteVector";
}


.fileBrowser {
  background: none;
}

/* body styles, inherited by whole page */
body {
  background: url("../snow.gif") repeat, #1d1f21;
  font-family: "CozetteVector";
  color: #c5c8c6;
  font-size: 100%;
  margin: 0px;
  text-shadow: 1px 1px 1px rgba(167,170,168,0.6);
}


/* header and nav / top of page styles */
header {
  margin: 3em auto 0 auto;
  text-align: center;
}

nav {
  height: 25px;
  position: fixed;
  top: 0;
  width: 100%;
  border-bottom: 1px solid black;
  background-color: rgba(40,42,46,1);
  font-size: 90%;
  text-align: center;
  z-index: 1;
}


nav span, nav a {
  display: inline-block;
  text-decoration: none;
}

#navLinkSpan {
  float: left;
  margin-left: 5px;
  margin-top: 1px;
}

#navOptionsSpan {
  float: right;
}

#navLinkHome:before {
  content: "Home";
}

#navBoardList:before {
  content: "boards";
}

#linkOverboard:before, #navOverboard:before {
  content: "Latest Posts";
}

#navLinkRadio:before {
  content: "Radio:";
}

#settingsButton:before {
  content: "settings";
}

#navPosting:before {
  content: "\e09a";
}

#navCatalog:before {
  content: "catalog";
}

#linkRss:before {
  content: "\e0b7";
}

#linkTop:before {
  content: "top";
}

#linkBottom:before {
  content: "bottom";
}

#linkRefresh:before {
  content: "refresh";
}

#linkBack:before {
  content: "index";
}

/* board list */
#divPages {
  display: inline-block;
}

#divPages a {
  text-decoration: none;
  padding: 0 0.25em;
  display: inline-block;
}

a.rules:after {
  font-family: "SymbolsNerdFont";
  content: "\f014c";
  margin-right: 0.5em;
  color: #117743;
  height: 80%;
  font-size: 80%;
  padding-left: 0.25em;
  vertical-align: middle;
}

/* markdown */
.greenText {
  color: #789922;
}

.redText {
  color: #AF0A0F;
  font-weight: bold;
  font-size: 125%;
}

span.spoiler {
  background: #000;
  color: #000;
  padding: 0 1px;
}

.spoiler:hover {
  color: #000;
  background: none;
}


.red {
  color: #117743;
}

/* CSS for pages that deal with site and account settings and bans */
#settingsWrapper {
  text-align: center;
  width: 80%;
  margin: 2em auto;
}

#settingsFieldset {
  padding: 1em;
  display: inline-block;
  text-align: left;
}

.banners {
  margin: 1em;
  width: auto;
  padding: 0.5em;
}

#settingsFieldset textarea {
  display: block;
  height: 5em;
}

#settingsFieldset label {
  display: block;
}

#settingsFieldset label input {
  display: inline-block;
}

#settingsWrapper .captchaDiv input {
  display: inline-block;
}

.subCaptchaDiv {
  text-align: left;
}

.captchaTimer {
  font-size: 80%;
}

.wide, #postingForm input[type='text'], .modalTableBody input[type='text'],
  .modalTableBody select {
  width: 100%;
}

#redirect, #maint {
  text-align: center;
}

#labelCaptchaId {
  color: #ff0000;
}

#staticPageWrapper {
  margin: 2em auto;
  text-align: center;
}

/* footer styles */
footer {
  width: 100%;
  margin: 3em 0px 2em 0px;
  text-align: center;
  font-size: 75%;
}


.innerPost {
  background-color: rgba(40, 42, 46, .6);
  display: inline-block;
  padding: 0.25em;
  max-width: 100%;
  border: 1px solid #848484;
}
.markedPost, .sideCatalogMarkedCell {
  background-color: rgba(40, 42, 46, .6);
  display: inline-block;
  padding: 0.25em;
  max-width: 100%;
  border: 1px solid red;
}

/* this has to go down here to override anything above it */
.hidden {
  display: none;
}

#settingsWrapper input.hidden {
  display: none;
}

.floatingMenu {
  padding: 0.25em;
}

.floatingMenu .headerLabel {
  font-size: 80%;
}

.floatingMenu .header, .floatingMenu .headerLabel {
  cursor: pointer;
}

#divRemember input {
  display: inline;
}

#ownedDiv a, #volunteeredDiv a {
  display: block;
}


#linkSfwOver {
  content: 'overboard sfw';
}

#navPosting {
  content: 'help';
}

#watcherButton {
  content: 'watched threads';
}

#linkGlobalLogs {
  content: 'logs';
}

#linkArchives {
  content: 'archives';
}

#linkGraphs {
  content: 'daily graphs';
}

#linkGlobalRules {
  content: 'global rules';
}

#linkLinks {
  content: 'links';
}

#linkFrames {
  content: 'frames';
}

#linkAbout {
  content: 'about';
}

#navOptionsSpan a {
  margin-top: 2px;
}
#annoTitle {
  text-align: left;
  font-size: 22px;
  font-weight: bold;
  border-bottom-style: solid;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 10px;
  margin-bottom: 5px;
}
#annoMessage {
  text-align: left;
  font-size: 15pt;
}

.doodlebox {
  display: inline-flex;
}
/* MOBILE STUFF */
@media only screen and (max-width: 800px) {
  .doodlebox {
    display: inline-grid;
    margin-left: +25px;
  }
  /* NEW STUFF */
  #annoTitle {
    font-size: 10px;
  }
  #annoImage {
    display: none;
  }
  #annoMessage {
    font-size: 120%;
  }
/* END NEW STUFF */
  #navOptionsSpan span, legend, #settingsButton, #links span,
    .hideMobile {
    display: none;
  }
  #navLinkSpan a::after, #navOptionsSpan a::after, #links a::after {
    content: '';
  }
  #navLinkHome:before {
    content: "";
  }
  
  #linkOverboard:before, #navOverboard:before {
    content: "";
  }

  #navLinkRadio:before {
    content: "";
  }

  #settingsButton:before {
    content: "\e041";
  }
  nav {
    font-size: 90%;
    height: auto;
    padding: 2px 2px;
    letter-spacing: -.05em;
  }
  
  #themeSelector {
    width: 60px;
    max-width: 50px;
  }
  .logoImg {
    margin-top: 10px;
    height: 75px;
  }

  input, select, textarea {
    font-family: "CozetteVector";
    background-color: transparent;
    color: #c5c8c6;
    background: #282a2e;
  border: 1px solid #111;
  font-size: 100%;
  }
  body {
    font-size: 85%;
    margin-top: 5px;
    margin-left: 0;
    margin-right: 0;
    padding-top: 10px;
    padding-left: 0;
    padding-right: 0;
  }
  .captchaImage {
    max-width: 100%;
    height: auto;
    max-height: 100px;
  }
  code {
    max-width: 90%;
    overflow: auto;
  }
  #divLogs, .hashLabel {
    overflow-wrap: anywhere;
  }
}
/* WAPANESE THEME START */
.box {
  border-left: 1px solid;
  border-right: 1px solid;
  border-top: 1px solid;
  border-bottom: 1px solid;
  color:#c5c8c6;
  background-color: rgba(40, 42, 46, .6);
  margin: 1em auto 1em auto;
}

.galleryText {
  font-size: 80%;
  display: inline-block;
  background: #282A2E;
  border: 1px solid #c5c8c6;
}
.linkBarrierStart:before {
  content: '｢';
}
.linkBarrierEnd:before {
  content: '｣';
}
.linkBarrierDivider:before {
  content: ' / ';
}
.newsHeader:before {
  content: '｢news｣';
}
#linkAbout:before {
  content: 'about';
}
#linkRules:before {
  content: 'rules';
}
#linkBanners:before {
  content: 'banners';
}
#linkEmotes:before {
  content: 'emotes';
}
#linkCinema:before {
  content: 'cinema';
}
#linkLinks:before {
  content: 'links';
}
#linkFrames:before {
  content: 'frames';
}
#linkStaffApply:before {
  content: 'apply for staff';
}
#linkGlobalLogs:before {
  content: "logs";
}

#linkArchives:before {
  content: "archives";
}

#linkGraphs:before {
  content: "graphs";
}

#linkAccount:before {
  content: "account";
}

#linkLinks:before {
  content: "links";
}
#linkFrames:before {
  content: 'frames';
}
#linkContact:before {
  content: "contact";
}

#linkEngine:before {
  content: "Wapchan runs on ";
}
.boxbar {
  text-align: left;
  background-color:#1D1F21;
}

.boxbar p{
  margin-left: 5px;
}
#specialBoxBar {
  border-left: 1px solid;
  border-right: 1px solid;
}

#siteBoardBox {
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
  margin: 0 auto;
}
#siteBoardTable1 {
  border-spacing: 0px;
  width: 100%;
}
#siteBoardTable2 {
  border-spacing: 0px;
  width: 100%;
  border: 1px solid #c5c8c6;
  background-color: rgba(40, 42, 46, .6);
}



.siteBoardBody {
  border-left: 1px solid;
  padding: 6px;
}



.siteBoardBody .Left{
  border-left: 0;
  padding: 6px;
}
.TableTop {
  border-top: 1px solid #c5c8c6;
}
.TableBottom {
  border-bottom: 1px solid #c5c8c6;
}
.TableRight {
  border-right: 1px solid #c5c8c6;
}

td {
  vertical-align: top;
  width: 25%;
}
#siteBoardTableLeft {
  border-bottom: 1px solid #c5c8c6;
  border-right: 1px solid #c5c8c6;
  background-color: #1D1F21;
}
#siteBoardTableRight {
  border-bottom: 1px solid #c5c8c6;
  background-color: #1D1F21;
}

#imageList {
  border-right: 1px solid #c5c8c6;
}



/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: rgba(40,42,46,0.9);
  border-width: 1px;
  border-style: solid;
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  letter-spacing: +0em;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
  display: block;
  min-width: 50px;
}
.dropdown-content a:hover {
  border-top: 1px solid #c5c8c6;
  border-bottom: 1px solid #c5c8c6;
  box-sizing: border-box;
}

.dropdown:hover .dropdown-content {
  display: block;
}
.droptext {
  color: #c5c8c6;
}
.font_override, body.font_override, .font_override select, .font_override .dropzone {
  font-family: "ArimoNerdFont", Helvetica, sans-serif !important;
  letter-spacing: 0em !important;
}

.Saitamaar {
  font-family: "Saitamaar";
  white-space: pre;
  font-size: 16px;
  line-height: 18px;
}