@import url('/global.css');

.container {
    display: grid;
    grid-template-columns: 50vw 50vw;
    min-height: 100vh;
    position: relative;
}

.leon-section,
.yevgeniy-section {
    cursor: pointer;
    padding: 20px;
    text-align: center;
    transition: background-color 0.3s ease, color 0.3s ease;
}


.leon-section {
    background-color: var(--background-soft-light);
    color: var(--primary-light);
}

.leon-section:hover {
    background-color: var(--background-light);
}

.yevgeniy-section {
    background-color: var(--background-soft-dark);
    color: var(--primary-dark);
}

.yevgeniy-section:hover {
    background-color: var(--background-dark);
}

@media (max-width: 900px) {
    .container {
        grid-template-columns: 1fr;
        grid-template-rows: 45vh 55vh;
        width: 100vw;
    }
}

body {
    overflow: hidden;
    position: fixed;
}