html {
    box-sizing: border-box;
}

*, *:before, *:after {
    box-sizing: inherit;
}

body {
    background: black;
}

main {
    margin: 0 auto;
    width: 50%;
}

    .poster {
        margin: 1em;
        position: relative;
        left: 0;
        top: 0;
    }

        .body {
            max-width: 100%;
            position: relative;
            left: 0;
            top: 0;
        }

        @keyframes oohyeah {
            0%, 100% {
                top: calc(.31 * 100%);
            }

            50% {
                top: calc(.32 * 100%);
            }
        }

        .arm {
            position: absolute;
            top: calc(.31 * 100%);
            left: calc(.425 * 100%);
            width: calc(.27 * 100%);
            animation: oohyeah 3s infinite;
        }

        .rsvp img {
            position: absolute;
            top: calc(.70 * 100%);
            left: calc(.6870 * 100%);
            width: calc(.19 * 100%);
            transition: all .2s ease-in-out;
        }
        .rsvp img:hover, .rsvp img:focus {
            transform: scale(1.05);
        }


@media (max-width: 1024px) {
    main {
        width: 100%;
    }
}