@font-face {
    font-family: 'Alegreya Sans';
    src: url('/fonts/AlegreyaSansSC-Regular.ttf') format('truetype');
    font-weight: normal;
}

.layout-static {
    box-shadow: inset 0px -124px 124px 0px rgba(0,0,0,0.65);
    background-image: url("../images/static.jpg");
    background-position-x: calc(50% + 300px);
    background-position-y: center;
}
@media (min-width: 1024px) {
    .layout-static {
        background-position-x: center;
    }
}

.card {
    background-image: url("../images/card-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}

.font-alegreya {
    font-family: "Alegreya Sans";
}

.text-8xl {
    font-size: 5rem;
}

.qa {
    position: relative;
    margin-bottom: 2rem;
}

.qa:last-child {
    margin-bottom: 0;
}

.qa::before {
    content: "Q .";
    font-weight: bold;
    font-family: serif;
    position: absolute;
    left: -2rem;
}

.h-96 {
    height: 24rem;
}

.rsvp-card {
    background-image: url("../images/bottom.png"), url("../images/top.png");
    background-size: 30%, 30%;
    background-position: bottom left, top right;
    background-repeat: no-repeat, no-repeat;
}