#woa_logo {
    height: 600px;
    background-image: url("../images/woa_logo_only.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: center;
    @media (prefers-color-scheme: dark) {
        background-image: url("../images/woa_logo_only_light.svg");
    }
    @media (max-width: 600px){
      height: 262px;
    }
}

#woa_words {
    margin-top: calc((50% * -0.19) + 10px);
    background-image: url("../images/WizardOfArcWordLogo.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 200px;
    @media (prefers-color-scheme: dark) {
        background-image: url("../images/WizardOfArcWordLogoDarkMode.svg");
    }
    @media (max-width: 600px){
      height: 99px;
    }
}

.subtitle {
  color: var(--secondary-color);
  margin-top: 20px;
  margin-bottom: 80px;
    @media (prefers-color-scheme: dark) {
        color: var(--secondary-color-dark-mode);
    }
}