.impressive {
    width: 70%;
    display: block;
    margin: 1em auto;
    color: var(--accent-color);
}

.n1::before {content: "Keen";}
.n1::after {content: "an";}
.n2::before {content: "No";}
.n2::after {content: "ack";}
.p::before {content: "Sand";}
.p::after {content: "poh";}
.xx::before {content: "2"}
.xxx::before {content: "3"}
.xxx::after {content: "3"}
.xxxxxx::before {content: "6"}
.xxxxxxxx::before {content: "8"}
.xxxxxxxxx::before {content: "9"}
.xxxxxxxxx::after {content: "9"}
.y::before {content: "1"}
.yy::before {content: "2"}
.yyyy::before {content: "4"}
.yyyyy::before {content: "5"}
.yyyyyyy::before {content: "7"}
.yyyyyyyyy::before {content: "9"}
.a::before {content: "R"}
.b::before {content: "h"}
.c::before {content: "e"}
.c::after {content: "e"}
.d::before {content: "("}
.d::after {content: ")"}
.e::before {content: "E"}
.f::after {content: "ms"}

a {
    text-decoration: none;
    color: inherit;
}

@media only screen and (max-width: 800px) {
    .impressive {
        width: 95%;
    }
}