:root {
    --c-f-bg: #ffffff;
    --c-m-bg: #171818;
    --c-f-text: #1c191b;
    --c-m-text: #f0f4f9;
    --c-accent: #ffcf40;
    --c-text: #29261e;
}

@font-face {
    font-family: "PH";
    src:
        url('../fonts/ph.ttf') format("truetype"),
        url('../fonts/ph.woff') format("woff"),
        url('../fonts/ph.woff2') format("woff2");
}

.has-text-align-center {
    text-align: center;
}

.js-gendered {
    display: none;
}

.gender-form .fw_body {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #FFF;
}

.gender-selector {
    display: flex;
    width: 100vw;
    height: 100vh;
}

.gender-form h2 {
    position: absolute;
    background-color: var(--c-accent);
    color: var(--c-text);
    padding: 1em 2em;
    border-radius: 3em;
    text-transform: uppercase;
    width: 300px;
    top: 10%;
    left: calc(50% - 150px);
    text-align: center;
    margin: auto;
    display: block;
    font-size: 2em;
}

.gender-selector__item {
    width: 50%;
    font-size: 3rem;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gender-selector .item--male {
    background-color: var(--c-m-bg);
    color: var(--c-m-text);
}

.gender-selector .item--female {
    background-color: var(--c-f-bg);
    color: var(--c-f-text);
}

.section-title {
    padding: 15% 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    font-size: 1.6em;
    position: relative;
}

.section-title .container {
    position: relative;
}

.section-title.section--male {
    color: var(--c-m-text);
}

.section-title.section--female {
    color: var(--c-f-text);
}

.section-title:before {
    display: block;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
}

.section-title.section--male:before {
    background-color: RGBA(0,0,0,0.75);
}

.section-title.section--female:before {
    background-color: RGBA(255,255,255,0.75);
}

.section-title h2 {
    font-size: 2.4em;
}

.section-title hr {
    max-width: 300px;
    height: 0;
    padding: 0;
    margin: 30px auto;
}

figure.is-style-rounded img {
    border-radius: 50%;
    object-fit: cover;
}

figure.aligncenter {
    text-align: center;
}

.section-author img {
    width: 320px;
    height: 320px;
    margin: 20px 0;
}

.section-author {
    padding: 50px 0;
}

.section-author h2,
.section-shedule h2 {
    font-size: 2.8em;
    margin-bottom: 1em;
}

.section-author h3 {
    font-size: 2em;
}

.gender-male {
    color: var(--c-m-text);
    background-color: var(--c-m-bg);
}

.gender-female {
    color: var(--c-f-text);
    background-color: var(--c-f-bg);
}

.last-lessons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 25px;
}

.last-lessons__item {
    flex: 30%;
    padding: 10px 20px;
    border-radius: 10px;
    border: solid 1px;
    font-size: 0.9em;
}

.section-shedule {
    text-align: left;
}

.section-shedule h4 {
    font-size: 1.4em;
    line-height: 1.2em;
    margin-bottom: 1em;
}