/* About page-specific styles, extracted from inline HTML. */
/* PRELOADER */
    #preloader {
      position: fixed;
      inset: 0;
      background: #000;
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 9999;
    }

    #preloader img {
      width: 150px;
      opacity: 0;
      animation: logoFadeScale 2.5s forwards;
    }

    @keyframes logoFadeScale {
      0% {
        opacity: 0;
        transform: scale(0.5);
      }

      25% {
        opacity: 1;
        transform: scale(1);
      }

      75% {
        opacity: 1;
        transform: scale(2);
      }

      100% {
        opacity: 0;
        transform: scale(2);
      }
    }

/* Former element-level styles. */
.about-inline-1 {color: var(--accent-color);}
.about-inline-2 {color: var(--default-color);}
.about-inline-3 {color: var(--default-color);}
.about-inline-4 {color: var(--default-color);}
.about-inline-5 {color: var(--default-color);}
.about-inline-6 {color: var(--default-color);}
.about-inline-7 {color: var(--default-color);}
.about-inline-8 {color: var(--default-color);}
.about-inline-9 {color: var(--default-color);}
.about-inline-10 {color: var(--default-color);}