:root {
    font-size: 100%;
}

@font-face {
    font-family: "Pokémon DP Pro";
    src: local("Pokémon DP Pro"),
        url("./assets/pokemon-dp-pro.woff2") format("woff2");
    font-display: swap;
}

body {
    background-color: black;
    margin: 5%;
    position: absolute;
    color: #ffffffaa;
    height: min-content;
    font-family: "Pokémon DP Pro";
    font-size: 2rem;
    text-shadow: 0px 2px #ffffffaa;
    /* filter: brightness(1.1) contrast(1.1) drop-shadow(0 2px  #ffffffaa); */
}

#title {
    display: flex;
    align-items: center;
    gap: 1rem;
    opacity: 0.7;
    position: absolute;
}

.shadow {
    margin-top: 2px;
}

a {
    text-decoration: underline;
    color: #ffffff80;
}

p {
    margin: 0;
}

#content {
    margin-top: 8rem;
}

#specs {
    margin-bottom: 2rem;
    word-spacing: 4pt;
    line-height: 1.7rem;
}

.pixel-art {
    image-rendering: pixelated;
}

.red-text {
    color: #ff490b80;
    text-shadow: 0px 1.9px #ff490b80;
}

.blue-text {
    color: #00bfff80;
    text-shadow: 0px 1.9px #23c4fa80;
}

.logo {
    height: 6rem;
}

.logo-text {
    height: 7rem;
}

h3 {
    padding: 0;
    margin: 0;
}

.chromatic {
    position: relative;
    -webkit-filter: url(#chromatic);
    filter: url(#chromatic);
}