h1 {
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #3f51b5;
    margin-top: 20px;
}

.form-field {
    width: 100%;
}

.description-form-field {
    grid-column: span 2;
}

.mat-dialog-content {
    padding: 0px 40px 15px 50px;
    max-height: 70vh;
    overflow-y: auto;
}

.mat-dialog-actions {
    display: flex;
    justify-content: flex-end;
    gap: 1em;
    padding: 1em;
    margin-right: 1em;
}

.grid-form {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 20px;
    row-gap: 10px;
}

.step-title {
    font-family: 'Roboto', sans-serif;
    color: #3f51b5;
    margin: 40px 0 15px 0;
    display: block;
}

.projector-board-field {
    display: flex;
    align-items: center;
    grid-column: span 2;
    gap: 2em;
    margin-bottom: 10px;
}

.validation-field {
    display: flex;
    align-items: center;
    grid-column: span 2;
    margin-bottom: 10px;
}