@font-face {
  font-family: ps8bit;
  src: url('/font/pressstart2p.eot');
  src: url('/font/pressstart2p.eot?#iefix') format('embedded-opentype'),
       url('/font/pressstart2p.svg#wonder') format('svg'),
       url('/font/pressstart2p.ttf') format('truetype'),
       url('/font/pressstart2p.woff') format('woff'),
       url('/font/pressstart2p.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

.ps8bit {
    font-family: ps8bit;
}

.rem-20{font-size: 2.0rem;}
.rem-15{font-size: 1.5rem;}
.rem-10{font-size: 1.0rem;}
.rem-09{font-size: 0.9rem;}
.rem-08{font-size: 0.8rem;}
.rem-07{font-size: 0.7rem;}
.rem-06{font-size: 0.6rem;}
.rem-05{font-size: 0.5rem;}
.rem-04{font-size: 0.4rem;}
.rem-03{font-size: 0.3rem;}
.rem-02{font-size: 0.2rem;}
.rem-01{font-size: 0.1rem;}

.active > a,
a:hover {
    text-decoration: none;
    color: #ffc107;
}

h1 {
    font-family: ps8bit;
    font-size: 1.5rem;
    text-transform: uppercase;
}

body.collection #menu .nav-item a {
}

.modal-dialog.ps8bit .modal-content {
    background-color: #333;
}
#menu li.item-1015 a {
    font-size: 32px;
}
.tooltip > * {
    max-width: 600px;
}
.opened .bi-arrow-down-circle::before {
    transform: rotate(180deg);
}