html {
    height: 100%;
}
body {
    align-items: center;
    background: #000 url(./assets/a-staredge.gif) 0 0 fixed repeat-y;
    color: #fff;
    height: 100%;
    margin: 0;
    text-align: center;
}

.contain {
    padding: 0 0 4rem;
}

a, h1 { color: #fc0; }
h1 {
    font-size: 3rem;
    font-style: italic;
    letter-spacing: 5px;
    margin: 2rem auto 3rem;
    text-shadow: 5px 9px 10px rgba(255, 180, 0, .5);
}
h1 img {
    background-color: #000;
    box-shadow: -6px 6px 10px rgba(0, 0, 0, .5), -9px 13px 20px rgba(255, 180, 0, .35);
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 50%;
    transform: rotate(-3deg);
}
h2 { padding-top: 4rem; }
h2.tagline { padding-top: 0; }
h3 {}
p {
    margin: 0;
    padding: .5rem 0;
}
h2 + p { padding-top: 0; }

.pics {
    display: flex;
    flex-direction: row;
    gap: 6rem;
    height: 25rem;
    overflow: auto;
    overflow-y: hidden;
    padding: 1rem 10rem 4rem;
}
.pics img {
    box-shadow: -6px 6px 10px rgba(0, 0, 0, .5), -9px 13px 20px rgba(255, 180, 0, .35);
    display: block;
	height: auto;
    margin: 0;
    transform: rotate(3deg);
}
.pics img:nth-child(odd) {
    transform: rotate(-2deg);
}

.cols {
    display: flex;
    flex-direction: row;
    gap: 2rem;
    justify-content: center;
}
.cols div {
    text-align: left;
}
.cols div ul {
    list-style-type: none;
    padding: 0;
}
.cols div ul li {
    color: #888;
}
.cols div ul li strong {
    color: #fff;
    padding-right: .35rem;
}

@media screen and (max-width: 810px) {
    body {
        background-attachment: scroll;
        display: block;
        height: auto;
        padding-bottom: 2rem;
        padding-top: 1rem;
    }
    .contain {
        padding: 0 0 2rem;
    }

    h1 img {
        max-width: 80%;
    }
    h2 { padding-top: 3rem; }
    h2:not(.tagline),
    p {
        padding-left: 2rem;
        padding-right: 2rem;
        text-align: left;
    }

    .pics {
        gap: 3rem;
        height: 14rem;
        padding: 0 2rem 2rem;
    }
    .pics img {
        max-width: none;
    }

    .cols {
        justify-content: flex-start;
        padding: 0 2rem;
        overflow-x: auto;
    }
    .cols div {
        white-space: nowrap;
    }
}