body {
    margin: 0;
    background-color: darkslategray;
    color: aliceblue;
    font-size: 1.2em;
}

.header {
    justify-self: center;
    margin: 4vw;
    font-size: 4em;
    color: gold;
    border: solid 1vw goldenrod;
    padding: 1vw 3vw;
}

.intro {
    width: 80vw;
    margin: 0 auto;
    border: solid .4vw goldenrod;
    padding: 1vw;
}

.roll {
    display: block;
    width: 10vw;
    height: 4vw;
    margin: 5vw auto;
    font-size: 2vw;
    font-weight: bold;
    color: goldenrod;
    background-color: darkslategray;
    border: solid .4vw goldenrod;
    border-radius: 2vw;

    &:hover {
        transform: translateY(-.4vw);
        color: gold;
        border-color: gold;
        transition: 400ms;
    }

    &:active {
        transform: translateY(0);
        color: goldenrod;
        border-color: goldenrod;
        transition: 100ms;
    }
}

.wrapper {
    width: 60vw;
    margin: 10vw auto;
    padding: 2vw;
    border: solid 1vw goldenrod;
    border-radius: 2vw;

    h1 {
        color: goldenrod;
    }

    h2 {
        color: goldenrod;
    }

    strong {
        color: goldenrod;
    }
}

.thumbmail {
    max-width: 60%;
    min-width: 60%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}