.absolute {
    position: absolute;
}

.block {
    display: block;
}

.flex {
    display: flex;
}

.flex-col {
    flex-direction: column;
}

.flex-row {
    flex-direction: row;
}

.flex-wrap {
    flex-wrap: wrap;
}

/* Can't add grid, seems to mess up home page */
.d-grid {
    display: grid;
}

.grid-full {
    grid-column: 1 / -1;
}

.text-18 {
    font-size: clamp(14px, 0.937vw, 18px);
}

.text-24 {
    font-size: clamp(18px, 1.25vw, 24px);
}

.bg-gray-e6 {
    background-color: #e6e6e6;
}

.text-gray-primary {
    color: #333333;
}

.h-auto {
    height: auto;
}

.h-fit {
    height: fit-content;
}

.h-full {
    height: 100%;
}

.inset-0 {
    inset: 0;
}

.items-center {
    align-items: center;
}

.justify-center {
    justify-content: center;
}

.justify-end {
    justify-content: flex-end;
}

.justify-start {
    justify-content: flex-start;
}

.object-center {
    object-position: center;
}

.object-contain {
    object-fit: contain !important;
}

.object-fill {
    object-fit: fill !important;
}

.object-cover {
    object-fit: cover !important;
}

.relative {
    position: relative;
}

.w-fit {
    width: fit-content;
}

.w-full {
    width: 100%;
}

.font-montserrat {
    font-family: "Montserrat", sans-serif;
}

.font-oswald {
    font-family: "Oswald", Regular, sans-serif;
}