body {
    /* background-image: linear-gradient(to bottom, #8BF570, #fff); */
    background-color: white !important;
    background-image: none !important;
}


.content {
    .section-title {
        margin: 2em 0;
        text-align: center;
    }

    .body {
        margin-bottom: 0;
    }

    .proc-my {
        margin-bottom: 4em;
        margin-top: 0;

        .line {
            gap: 3em;

            .reason {
                position: relative;
                background-color: white;
                padding: 1.2em;
                border-radius: 1em;
                box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
                gap: 1em;
                align-items: center;
            }

            a {
                bottom: 0;
                right: 0;
            }
        }
    }
}

.submit-lektor {
    background-color: var(--green);
    font-size: 1.3em;
    border-radius: 0.7em;
    padding: 0.6em 1.5em;
    color: white;
    border: none;
    width: min-content;
    align-self: center;
    font-weight: 600;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    transition: box-shadow 0.1s linear;
    text-decoration: none;
    white-space: nowrap;
}

.submit-lektor:hover {
    box-shadow: none;
    cursor: pointer;
}

.uspechy {
    /* box-shadow: none !important; */
}

.proc-my {
    .r-title {
        font-weight: bolder !important;
    }
}

#main-title {
    font-size: 2.5em !important;
}


@media (min-width: 768px) {
    #main-title {
        font-size: 4em !important;
    }

    .content {
        .section-title {
            margin: 2em 0;
            text-align: center;
        }
    
        .section-title {
            margin-bottom: 0;
        }
    }

    .proc-my {
        gap: 3em !important;
    }
}