body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-family: "Open Sans", helvetica, arial, sans-serif;
    font-weight: 600;
    color: #000;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #000;
    transition: none;
    margin: 0
}

a {
    height: auto;
    width: auto;
    background-color: transparent
}

* {
    transition: .3s ease-in-out;
    box-sizing: border-box
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

img {
    border-style: none
}

.show-smallsquaremobile {
    display: block
}

.show-interstitial,
.show-layercorner {
    display: none
}

@media (min-width:280px) and (min-height:580px) {
    body {
        background-image: url("imgs/bg_mobile.webp?v=2");
        background-position: center center;
        background-color: #0f1710;
        background-size: contain;
    }

    #content-wrapper {
        height: 100vh;
        max-height: 100vh;
        position: relative;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center
    }

    #content-wrapper>a #copy {
        height: auto;
        width: 90vw;
        z-index: 2;
        transform: rotate(-5deg);
    }

    #content-wrapper>a #copy2>img,
    #content-wrapper>a #copy3>img,
    #content-wrapper>a #copy>img {
        height: auto;
        width: 100%
    }

    #content-wrapper>a #copy2 {
        height: auto;
        width: 85vw;
        margin: 30px 0 10px;
        z-index: -1
    }

    #content-wrapper>a #copy3 {
        height: auto;
        width: 85vw
    }

    .show-interstitial,
    .show-smallsquaremobile {
        display: none
    }

    .show-layercorner {
        display: block
    }
}

@media (min-width:600px) and (min-height:400px) {
    body {
        background-image: url("imgs/bg_desktop.webp?v=1");
        background-position: center bottom;
        background-size: cover;
    }

    #content-wrapper {
        height: 100vh;
        width: 100vw;
        padding: 7vh 20vw;
        align-items: start
    }

    #content-wrapper>a #copy {
        height: 28vh;
        width: auto;
        margin: 0 0 25px -90px;
        transform: rotate(-5deg);
    }

    #content-wrapper>a #copy2>img,
    #content-wrapper>a #copy3>img,
    #content-wrapper>a #copy>img {
        height: 100%;
        width: auto
    }

    #content-wrapper>a #copy2 {
        height: 13vh;
        width: auto;
        margin: 20px 0 12px;
        z-index: -1
    }

    #content-wrapper>a #copy3 {
        height: 13vh;
        width: auto
    }

    .show-layercorner,
    .show-smallsquaremobile {
        display: none
    }

    .show-interstitial {
        display: block
    }
}