.fullWidth {
    width: 100% !important;
}

.typography-h1 {
    font-family: 'TT Hoves Pro Expanded', sans-serif;
    font-size: 6rem;
    text-transform: uppercase;
}

.typography-h1-secondary {
    font-family: 'TT Hoves Pro Expanded', sans-serif;
    font-size: 5rem;
    line-height: 5rem;
    line-height: 100%;
}

a {
    text-decoration: none;
}

p {
    margin-top: 0rem;
}

.typography-h2 {
    font-weight: 700;
    font-size: 4rem;
}

.typography-regular-semi {
    font-family: 'TT Hoves Pro Expanded', sans-serif;
    font-size: 24px;
    line-height: 28.8px;
}

.no-spaces {
    margin: 0;
    padding: 0;
}

.uppercase {
    text-transform: uppercase !important;
}

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

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

.direction-column {
    flex-direction: column !important;
}

.space-between {
    justify-content: space-between !important;
}

.align-flex-end {
    align-items: flex-end !important;
}

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

.spacing-1 {
    gap: 8px;
}

.spacing-2 {
    gap: 16px;
}

.spacing-3 {
    gap: 24px;
}

.spacing-4 {
    gap: 32px;
}

.spacing-5 {
    gap: 40px;
}
.spacing-6 {
    gap: 48px;
}
.spacing-7 {
    gap: 56px;
}
.spacing-8 {
    gap: 64px;
}

.h10 {
    height: 10px;
}

.h20 {
    height: 20px;
}

.h30 {
    height: 30px;
}

.h40 {
    height: 40px;
}

.h50 {
    height: 50px;
}

.h60 {
    height: 60px;
}

.h70 {
    height: 70px;
}

.h80 {
    height: 80px;
}

.sideways-lr {
    writing-mode: sideways-lr !important;
}

.transform-90 {
    transform: rotate(90deg);
}

.transform-90-reverse {
    transform: rotate(-90deg);
}

.project__title img {
    transform: rotate(-90deg);
}

.title-rotate {
    position: relative;
    top: 65px;
    right: -110px;
}

.TT-Hoves-Pro {
    font-family: 'TT Hoves Pro Expanded', sans-serif !important;
}

.typography-h3 {
    font-family: 'TT Hoves Pro Expanded', sans-serif !important;
    font-size: 32px;
}

svg {
    flex-shrink: 0 !important;
}

.line {
    width: 100%;
    background-color: var(--black);
    height: 1px;
}

.color-grey {
    color: var(--grey) !important;
}

.color-red {
    color: var(--red) !important;
}

.color-red-svg {
    fill: var(--red);
}

.simple-link {
    color: var(--black);
}

.simple-link:hover {
    color: var(--red);
    text-decoration: underline;
}