h1 {
    font-size: 10vw;
}

h1,
h2,
p {
    font-family: sans-serif;
    text-align: center;
}

.fancy-text {
    p {
        text-align: justify;
    }
}

ul {
    font-family: sans-serif;
    list-style-type: none;
}

button {
    border: none;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
}

.center-viewport {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

.skunk-bg {
    background-image: url("../images/skunks.gif");
}

.bright-color-bg {
    background-color: violet;
    background: violet;

    a:link {
        color: red;
    }
    a:visited {
        color: red;
    }
    color: green;
}

.dark-color-bg {
    background-color: indigo;
    background: indigo;

    a:link {
        color: red;
    }
    a:visited {
        color: red;
    }
    color: ForestGreen;
}