.main {

}

.maintext {
    display: block;
}

h1 {
    font-family: "Honk", system-ui;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings:
    "MORF" 15,
    "SHLN" 50;
    text-align: center;
    font-size: 5rem;
}

p {
    font-family: "Sacramento", cursive;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    font-size: 2rem;
}

.subtitle {
    display: block;
    max-width: 60%;
    margin: 36px auto 120px;
}

.imagegrid {

}

.card {
    max-width: 86%;
    margin: 60px auto;
}

.card img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.card img.portrait {
    max-width: 40%;
}

.card video {
    display: block;
    margin: 0 auto;
}

.card p {
    padding-bottom: 30px;
}

.aftertext {
    margin: 240px auto;
}

.barcode {
    font-family: "Libre Barcode 39 Text", system-ui;
    font-weight: 400;
    font-style: normal;
    font-size: 2.2rem;
    text-align: center;
}