/* ========================================
   HOME STYLES
======================================== */

@import url("home.css");


/* ========================================
   SURVEY STYLES
======================================== */

@import url("survay.css");


/* ========================================
   RESULT STYLES
======================================== */

@import url("result.css");


/* ========================================
   MOBILE / RESPONSIVE STYLES
======================================== */

@import url("media.css");


/* ========================================
   LOGO
======================================== */

.header__logo {
    position: relative;

    display: inline-block;

    color: #15213b;

    font-size: 34px;
    font-weight: 400;
    line-height: 1;

    letter-spacing: -0.04em;

    text-decoration: none;

    white-space: nowrap;
}


.header__logo:hover,
.header__logo:focus,
.header__logo:visited {
    text-decoration: none;
}


.header__logo-dark {
    color: #15213b;
}


.header__logo-accent {
    color: #28c8df;
}


.header__logo-mark {
    position: absolute;

    top: -7px;
    right: 0;

    width: 13px;
    height: 11px;

    border: 0;

    background: #2bc4d6;

    clip-path: polygon(
        50% 0,
        100% 100%,
        0 100%
    );
}


@media (max-width: 700px) {

    .header__logo {
        font-size: 28px;
    }


    .header__logo-mark {
        top: -6px;
        right: 0;

        width: 11px;
        height: 9px;

        border: 0;
    }

}