@font-face {
  font-family: "Black Ops One";
  src: url("../fonts/BlackOpsOne-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Gelasio";
  src: url("../fonts/Gelasio-Regular.ttf") format("truetype");
}
@media (max-resolution: 3dppx)  {
  .item { margin: 6.6666667px; }
  .cover { width: 90px; }
  .cover-big { width: 180px; }
  .view-image { height: 800px; }
  .view-image-double { height: 353.333333px; }
  .cover-name { font-size: 38.4px; }
}
@media (max-resolution: 2.5dppx)  {
  .item { margin: 8px; }
  .cover { width: 110px; }
  .cover-big { width: 220px; }
  .view-image { height: 960px; }
  .view-image-double { height: 424px; }
  .cover-name { font-size: 32px; }
}
@media (max-resolution: 2dppx)  {
  .item { margin: 10px; }
  .cover { width: 140px; }
  .cover-big { width: 280px; }
  .view-image { height: 1200px; }
  .view-image-double { height: 530px; }
  .cover-name { font-size: 25.6px; }
}
@media (max-resolution: 1.25dppx)  {
  .item { margin: 16px; }
  .cover { width: 180px; }
  .cover-big { width: 360px; }
  .view-image { height: 1920px; }
  .view-image-double { height: 848px; }
  .cover-name { font-size: 16px; }
}
@media (max-resolution: 1dppx)  {
  .item { margin: 20px; }
  .cover { width: 225px; }
  .cover-big { width: 450px; }
  .view-image { height: 2400px; }
  .view-image-double { height: 1060px; }
  .cover-name { font-size: 12.8px; }
}
.m0 { margin: 0px; }
body {
  background-color: #0C0C0C;
  overflow: auto;
  margin: 6px;
}
.container {
  display: flex;
  flex-flow: row wrap;
  position: relative;
  justify-content: center;
  align-items: center;
}
.container-down {
  flex-flow: column wrap;
}
.cover-name {
  text-align: center;
  font-family: "Black Ops One";
  color: #3A96DD;
  font-size: 1em;
}
.item {
  position: relative;
}
.item .clickable {
  display: block;
  position: absolute;
}
.link-text {
  font-family: "Black Ops One";
  color: #CCCCCC;
  text-decoration: none;
  font-size: 1.25em;
}
.bg-text { font-size: 2.5em; }
.pointer { cursor: pointer; }
.big-gap li {
  margin-bottom: 1.5em;
}
.mg-sm {
  margin-left: 1em;
}
.paragraph {
  font-size: 1.25em;
  line-height: 2;
  color: #F2F2F2;
  font-family: Gelasio;
}
.paragraph a {
  text-decoration: none;
  color: #3B78FF;
}
.paragraph-sm {
  font-size: 1em;
}
.w800 {
  width: 800px;
}
.footer {
  margin-bottom: 2em;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}

/*
"black" : "#0C0C0C",
"blue" : "#0037DA",
"cyan" : "#3A96DD",
"green" : "#13A10E",
"purple" : "#881798",
"red" : "#C50F1F",
"white" : "#CCCCCC",
"yellow" : "#C19C00",
"brightBlack" : "#767676",
"brightBlue" : "#3B78FF",
"brightCyan" : "#61D6D6",
"brightGreen" : "#16C60C",
"brightPurple" : "#B4009E",
"brightRed" : "#E74856",
"brightWhite" : "#F2F2F2",
"brightYellow" : "#F9F1A5"
*/