@font-face {
    font-family: "BerkshireSwash";
    src: url("font/BerkshireSwash-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Gabriela";
    src: url("font/Gabriela-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Lobster";
    src: url("font/Lobster-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "ShantellSansMI";
    src: url("font/ShantellSans-MediumItalic.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "ShantellSans";
    src: url("font/ShantellSans-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "GreatVibes";
    src: url("font/GreatVibes-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

div.flex-space-around {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    row-gap: 32px;
}

div.flex-space-between {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

div.main {margin-top: 24px;}


/*
div.flex-center {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
*/

/*
    align-items: center;
    align-content: center;
    column-gap: 1.5rem;
    row-gap: 10%;
    gap: 10px 15px;
*/