h1, h2 {
    text-align: center;
}

h1 {
    position: relative;
    font-size: 4.5rem;
    user-select: none;
}

h1::after {
    content: attr(data-title);
    top: 0;
    left: 0;
    position: absolute;
    background: linear-gradient(128deg, rgba(39, 105, 248, .8), rgba(252, 68, 68, 0.58) 70%),
                linear-gradient(226deg, rgba(255, 255, 84, .8), rgba(206, 213, 246, 0.62) 70%),
                linear-gradient(313deg, rgba(213, 134, 134, .8), rgba(231, 221, 157, 0.5) 70%);

    background-clip: text;
    -webkit-background-clip: text;

    clip-path: border-box;

    color: transparent;

    user-select: none;
}

h2 {

    position: relative;

    opacity: .5;

    -webkit-text-stroke: 2px #5b5b5b;
    text-stroke: 2px #5b5b5b;
    font-size: 3.5rem;
    color: transparent;

    user-select: none;
    cursor: default;
}

footer {
    width: 100%;
    top: 30vh;
    display: flex;
    position: relative;

    justify-content: center;
}

.copyright {
    font-size: .9rem;
    letter-spacing: .05rem;
}

body {
    width: 100vw;
    height: 100vh;
    display: flex;

    flex-direction: column;
    justify-content: center;
    align-self: center;
    align-items: center;
}

html, body {
    margin: 0;
    padding: 0;
}

* {
    font-family: "Helvetica Neue", serif;
}