/* ОФОРМЛЕНИЕ ТЕМ */

/* квесты*/

.rq {
    width: 72%;
    margin: 40px auto 0;
}

masks { 
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    width: 73%;
    margin: 25px auto 0;
    justify-content: center;
 }
masks_c {
    color: #9d9d9d;
    text-transform: none;
    font-family: 'Mulish';
    text-align: justify;
}

masks_c center {
    font-weight: 700;
    margin-bottom: 10px;
}

masks_c img {
    float: left;
    width: 90px;
    border-radius: 5px;
    border: 1px solid #555353;
    filter: grayscale(1) brightness(0.7);
    margin-right: 10px;
    margin-bottom: 5px;
    transition: all .3s ease-in-out;
    cursor: pointer;
}

masks_c img:hover {
      filter: grayscale(0) brightness(1);
}

.spirit_nav-wrap {
  position: relative;
    margin: 0 0 auto;
  width: 200px;
  z-index: 9;
}

.nav_button {
  background: #212121;
  border-radius: 10px;
  font: 600 10px pt sans;
  text-align: center;
  padding: 5px 10px;
  text-transform: uppercase;
  cursor: pointer;
  transition: all .3s linear 0s;
  color: #c0b8b8;
}

.nav_button:hover {
    color: var(--linkp);
}

.nav_button.i_active {
      color: var(--linkp);
}

.nav_block {
  display: none;
  background: #212121;
  position: relative;
    margin-top: 10px;
  top: calc(100% + 5px);
  border-radius: 10px;
  font: 400 9px pt sans;
  width: 100%;
}

.nav_block .link {
  padding: 10px;
  display: flex;
  flex-direction: column;
  text-align: center;
  text-transform: uppercase;
  gap: 5px;
}

.nav_block .link a {
  color: #fefefe !important;
  background: #323232;
  border-radius: 8px;
  padding: 5px 10px;
  transition: all .4s linear 0s;
}

.nav_block .link a:hover {
  background: #fefefe;
  color: #323232 !important;
}

/* конец оформления тем */