body.man-page {

  --accent: #45a7ff;

  --accent-dark: #1c64d8;

  --accent-soft:
    rgba(
      69,
      167,
      255,
      0.16
    );

  --accent-border:
    rgba(
      82,
      176,
      255,
      0.55
    );

  --focus-ring:
    rgba(
      69,
      167,
      255,
      0.18
    );

  --button-shadow:
    rgba(
      36,
      116,
      220,
      0.24
    );

  background-image:

    linear-gradient(
      90deg,
      rgba(4, 8, 14, 0.50),
      rgba(4, 8, 14, 0.54) 55%,
      rgba(3, 8, 16, 0.61)
    ),

    linear-gradient(
      rgba(14, 39, 73, 0.08),
      rgba(3, 8, 16, 0.24)
    ),

    url("../assets/images/background2.png");

  background-size:
    cover;

  background-position:
    center;

  background-repeat:
    no-repeat;

  background-attachment:
    fixed;
}

/* M LOGO */

.man-page .branch-letter {
  color: #53b2ff;

  text-shadow:
    0
    0
    22px
    rgba(
      72,
      168,
      255,
      0.42
    );
}

/* GLASS */

.man-page .calculator {
  background:
    rgba(
      5,
      10,
      17,
      0.48
    );
}

.man-page .side-card {
  background:
    rgba(
      5,
      10,
      17,
      0.43
    );
}

.man-page .side-card:hover {
  border-color:
    rgba(
      69,
      167,
      255,
      0.56
    );

  background:
    rgba(
      8,
      20,
      34,
      0.58
    );
}

/* WORLDWIDE */

.man-page .worldwide-box {

  border:
    1px
    solid
    rgba(
      69,
      167,
      255,
      0.55
    );

  background:
    rgba(
      7,
      25,
      43,
      0.72
    );

  box-shadow:
    0
    0
    30px
    rgba(
      38,
      135,
      225,
      0.12
    ),
    inset
    0
    0
    28px
    rgba(
      69,
      167,
      255,
      0.07
    );
}

.man-page .worldwide-box::before {

  background:
    radial-gradient(
      circle at 50% 20%,
      rgba(
        76,
        177,
        255,
        0.15
      ),
      transparent 68%
    );
}

.man-page .worldwide-label {

  color:
    #a8d7ff;
}

.man-page .worldwide-value {

  color:
    #63b9ff;

  text-shadow:
    0
    0
    20px
    rgba(
      69,
      167,
      255,
      0.22
    );
}

.man-page .worldwide-text {

  color:
    #d9efff;
}

/* FRAME ADJUSTMENT */

.adjustment {

  margin-top: 22px;

  padding: 18px;

  border-radius: 18px;

  border:
    1px
    solid
    rgba(
      69,
      167,
      255,
      0.24
    );

  background:
    rgba(
      7,
      20,
      34,
      0.62
    );
}

.adjustment h3 {

  margin:
    0
    0
    12px;

  color:
    #cce8ff;

  font-size: 12px;

  letter-spacing:
    0.13em;
}

.adjustment-row {

  display: flex;

  justify-content:
    space-between;

  gap: 18px;

  padding:
    9px
    0;

  border-top:
    1px
    solid
    rgba(
      255,
      255,
      255,
      0.07
    );
}

.adjustment-row:first-of-type {
  border-top: 0;
}

.adjustment-row span {
  color:
    var(--muted);
}

/* MALE OVERALL TITLES */

.male-overall.sub5 {
  color: #8b8e97;
}

.male-overall.normie {
  color: #8cb7d8;
}

.male-overall.mogger {
  color: #51a7ef;
}

.male-overall.high {
  color: #92d5ff;
}

.male-overall.giga {

  color: #c9f1ff;

  text-shadow:
    0
    0
    18px
    rgba(
      99,
      207,
      255,
      0.36
    );
}

/* SPECIAL SUB TITLES */

.special-male {

  color: #a8ddff;

  text-shadow:
    0
    0
    12px
    rgba(
      81,
      169,
      239,
      0.22
    );
}