.main {
    background-color: #f1f1f1;
    width: 100%;
}

.inputText {
    padding: 10px;
    color: red;
}

.categoryHeroContainer {
    display: grid;
}

.squareHeadline {
    background: #0051aa;
    text-align: center;
    z-index: 1000;
    width: 200px;
    height: 200px;
    color: #fff;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: auto;
    position: relative;
    top: 100px;
    margin-bottom: 0;
    grid-row-start: 1;
    grid-column-start: 1;
}

.squareHeadlineH3 {
    margin: 0.25rem 0px;
}

.squareHeadline h3 {
	color: var(--wp--preset--color--custom-white);
}

.figureContainer {
    grid-row-start: 1;
    grid-column-start: 1;
    grid-row-end: 2;
}

.spacer100 {
    height: 100px;
}

.uagbHeadingText {
    margin-top: 0px !important;
}