@font-face {
    font-family: 'Pacifico';
    src: url('../fonts/Pacifico-Regular.ttf') format('truetype');
}

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

@font-face {
    font-family: 'Quicksand';
    src: url('../fonts/Quicksand-Bold.ttf') format('truetype');
    font-weight: bold;
}

.font-pacifico {
    font-family: Pacifico;
}

.font-quicksand {
    font-family: Quicksand;
}

.bg-primary {
    background-color: #fffded;
}

.layout-static {
    box-shadow: inset 0px -124px 124px 0px rgba(0,0,0,0.65);
    background-image: url("../images/static.jpg");
    background-position-x: center;
    background-position-y: bottom;
}

.h-96 {
    height: 24rem;
}

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

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

.floral {
    background-image: url("../images/top.png");
}

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

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

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


@media (min-width: 768px) {
    .md\:text-8xl {
        font-size: 5rem !important;
    }
    .md\:text-12xl {
        font-size: 8rem !important;
    }
}