.blob-1 {
    width: 1654px;
    height: 1654px;
    top: -235px;
    left: -714px;
}

.blob-2 {
    width: 1259px;
    height: 1112px;
    top: 633px;
    right: -902px;
}

.blob-3 {
    width: 1430px;
    height: 1112px;
    top: 2322px;
    left: -535px;
}

.blob-4 {
    width: 1827px;
    height: 1827px;
    right: -941px;
    bottom: -660px;
}

/***************** SECTION *****************/
.section {
    margin-bottom: 6em;
}

.section:last-child {
    margin-bottom: 0;
}

.section .link-header {
    margin-bottom: 50px;
}

.section .arrow-link-full {
    display: none;
}

/****************** TEAM *******************/
.team {
    min-height: 600px;
    background: radial-gradient(67.48% 311.93% at 73.22% 40.75%, rgba(255, 161, 166, 0.6) 0%, rgba(237, 157, 220, 0) 100%), rgba(238, 157, 220, 0.5);
    backdrop-filter: blur(10px);
    border-radius: 1em;
    padding: 4em;
    font-size: 20px;
}

.team p {
    font-size: 1em;
}

.team h1 {
    font-size: 3em;
    margin-bottom: 0;
}

.team .anvil {
    position: absolute;
    right: -75px;
    top: -73px;
    z-index: -1;
}

/************* NEAREST QUIZZES *************/
.nearest-quizzes {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-gap: 30px;
    margin-bottom: 7.5em;
}

.nearest-quiz {
    backdrop-filter: blur(20px);
    display: grid;
    padding: 1em;
    border-radius: 1em;
    grid-template-columns: 2em 1fr;
    grid-template-rows: 1em 1fr;
    grid-gap: 0.5em;
    align-items: start;
    font-size: 20px;
}

.nearest-quiz > img {
    width: 100%;
    margin-top: 8px;
}

.nearest-quiz > div {
    display: grid;
    grid-template-rows: max-content 1fr max-content;
    grid-gap: 0.5em;
    height: 100%;
}

.nearest-quiz:first-child {
    background: #ffa1a680;
}

.nearest-quiz:last-child {
    background: #9cc2ff80;
}

.nearest-quiz-title {
    font-size: max(12px, 0.7em);
    grid-column: 2;
    margin-bottom: 0;
}

.nearest-quiz-name {
    font-weight: bold;
    font-size: 2em;
    text-transform: uppercase;
}

.nearest-quiz-description {
    font-size: max(14px, 0.9em);
}

.nearest-quiz-info {
    display: grid;
    grid-template-columns: 1.2em 1fr 1.2em 1fr;
    grid-gap: 0.5em;
    align-items: center;
    height: 3em;
    font-size: max(12px, 0.8em);
}

.nearest-quiz-info img {
    width: 100%;
}

/****************** ABOUT ******************/
.about {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 2em;
    font-size: 20px;
    margin-bottom: 2em;
}

.about-item {
    border-radius: 20px;
    padding: 2em 1em;
    backdrop-filter: blur(20px);
}

.about-item:nth-child(3n-2) {
    background: #9cc2ff80;
}

.about-item:nth-child(3n-1) {
    background: #ee9ddc80;
}

.about-item:nth-child(3n) {
    background: #f7909680;
}

.about-item:nth-child(4) {
    grid-column: 3;
    grid-row: 2;
}

.about-item:nth-child(5) {
    grid-column: 4;
    grid-row: 2;
}

.about-value {
    font-size: 5em;
    font-weight: bold;
}

.about-name {
    font-size: max(12px, 0.9em);
}

/***************** PHOTOS ******************/
.photos {
    display: grid;
    grid-gap: 20px;
    grid-template-areas:
        "a a b b c c d d"
        "a a b b c c d d"
        "e f g g h h d d"
        "i j g g h h d d"
        "k k g g l l m m"
        "k k g g l l m m";
    margin-bottom: 2em;
}

.photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.photo:nth-child(1) { grid-area: a; }
.photo:nth-child(2) { grid-area: b; }
.photo:nth-child(3) { grid-area: c; }
.photo:nth-child(4) { grid-area: d; }
.photo:nth-child(5) { grid-area: e; }
.photo:nth-child(6) { grid-area: f; }
.photo:nth-child(7) { grid-area: g; }
.photo:nth-child(8) { grid-area: h; }
.photo:nth-child(9) { grid-area: i; }
.photo:nth-child(10) { grid-area: j; }
.photo:nth-child(11) { grid-area: k; }
.photo:nth-child(12) { grid-area: l; }
.photo:nth-child(13) { grid-area: m; }


@media (max-width: 1279px) {
    /****************** TEAM *******************/
    .team {
        min-height: 433px;
        font-size: 15px;
    }

    .team .anvil {
        width: 550px;
        top: -65px;
    }

    /************* NEAREST QUIZZES *************/
    .nearest-quiz, .about {
        font-size: 18px;
    }

    /***************** PHOTOS ******************/
    .photos {
        grid-gap: 16px;
        grid-template-areas:
            "a a b b c c"
            "a a b b c c"
            "d e f f c c"
            "g h f f c c"
            "i i f f j k"
            "i i f f l m";
    }

    .photo img {
        border-radius: 16px;
    }
}

@media (max-width: 1023px) {
    .blob-1 {
        width: 1173px;
        height: 1173px;
        top: -189px;
        left: -505px;
    }

    .blob-2 {
        width: 895px;
        height: 790px;
        top: 574px;
        right: -577px;
    }

    .blob-3 {
        width: 986px;
        height: 766px;
        top: 1793px;
        left: -375px;
    }

    .blob-4 {
        width: 1276px;
        height: 1276px;
        right: -626px;
        bottom: -360px;
    }

    /****************** TEAM *******************/
    .team {
        min-height: 325px;
        font-size: 12px;
    }

    .team .anvil {
        width: 412px;
        top: -55px;
    }

    /************* NEAREST QUIZZES *************/
    .nearest-quizzes {
        grid-auto-flow: row;
        margin-bottom: 3.75em;
    }

    .nearest-quiz {
        font-size: 16px;
        grid-template-columns: 1fr;
        grid-template-rows: 30px 20px max-content;
    }

    .nearest-quiz > img {
        width: 20px;
        height: 20px;
        border-radius: 100%;
        margin-top: 0;
    }

    .nearest-quiz-title {
        grid-column: 1;
    }

    .nearest-quiz-info {
        grid-template-columns: 1.2em 1fr;
    }

    /****************** ABOUT ******************/
    .about {
        font-size: 16px;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .about-item:nth-child(4) {
        grid-column: 2;
        grid-row: 2;
    }

    .about-item:nth-child(5) {
        grid-column: 3;
        grid-row: 2;
    }
}

@media (max-width: 767px) {
    .blob-1 {
        width: 692px;
        height: 692px;
        top: 236px;
        left: -305px;
    }

    .blob-2 {
        width: 531px;
        height: 469px;
        top: 974px;
        right: -377px;
    }

    .blob-3 {
        width: 542px;
        height: 421px;
        top: 1935px;
        left: -263px;
    }

    .blob-4 {
        width: 726px;
        height: 726px;
        right: -363px;
        bottom: -70px;
    }

    /***************** SECTION *****************/
    .section .link-header {
        margin-bottom: 22px;
    }

    .section .link-header .arrow-link {
        display: none;
    }

    .section .arrow-link-full {
        display: grid;
    }

    /****************** TEAM *******************/
    .team {
        min-height: 656px;
        padding: 10px;
        display: block;
    }

    .team .anvil {
        position: unset;
        width: 100%;
    }

    /************* NEAREST QUIZZES *************/
    .nearest-quiz {
        font-size: 14px;
    }

    /****************** ABOUT ******************/
    .about {
        grid-template-columns: 1fr 1fr 1fr;
        font-size: 6px;
    }

    /***************** PHOTOS ******************/
    .photos {
        grid-gap: 10px;
        grid-template-areas:
            "a a b b"
            "a a b b"
            "c d e e"
            "f g e e"
            "h h e e"
            "h h e e"
            "i i j j"
            "i i j j"
            "k k j j"
            "k k j j"
            "l l m m"
            "l l m m";
    }

    .photo img {
        border-radius: 10px;
    }
}