/* https://noonnu.cc/index */

@import url(remixicon.css);
@font-face {
    font-family: 'KyoboHandwriting2021sjy';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2212@1.0/KyoboHandwriting2021sjy.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Cafe24ClassicType-Regular';
    src: url('../fonts/cafe24classictype-regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HS-Regular';
    src: url('../fonts/hs-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ImcreSoojin';
    src: url('../fonts/imcresoojin.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MonoplexKR-Italic';
    src: url('../fonts/monoplexkr-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'ONE-Mobile-POP';
    src: url('../fonts/one-mobile-pop.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Humanbumsuk';
    src: url('../fonts/humanbumsuk.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'KorailRoundGothicBold';
    src: url('../fonts/korailroundgothicbold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('../fonts/gmarketsansmedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@-webkit-keyframes menupan {
    from {
        text-shadow: 0 0 6px #fff, 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #FFDD1B, 0 0 50px #FFDD1B, 0 0 60px #FFDD1B, 0 0 80px #FFDD1B, 0 0 100px #FFDD1B;
    }
    to {
        text-shadow: 0 0 3px #fff, 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #FFDD1B, 0 0 25px #FFDD1B, 0 0 30px #FFDD1B, 0 0 40px #FFDD1B, 0 0 50px #FFDD1B;
    }
}

@-webkit-keyframes bannertext {
    from {
        text-shadow: 0 0 6px #393f04, 0 0 10px #e5ff00, 0 0 20px;
    }
    to {
        text-shadow: 0 0 3px #393f04, 0 0 5px #e5ff00, 0 0 10px;
    }
}

.blink {
    font-style: normal;
    animation: blink .3s linear infinite;
    /* 其它浏览器兼容性前缀 */
    -webkit-animation: blink .3s linear infinite;
    -moz-animation: blink .3s linear infinite;
    -ms-animation: blink .3s linear infinite;
    -o-animation: blink .3s linear infinite;
}

@keyframes blink {
    0% {
        color: rgb(165, 37, 37);
    }
    100% {
        color: rgb(228, 255, 108);
    }
}


/* 添加兼容性前缀 */

@-webkit-keyframes blink {
    0% {
        color: rgb(165, 37, 37);
    }
    100% {
        color: rgb(228, 255, 108);
    }
}

@-moz-keyframes blink {
    0% {
        color: rgb(165, 37, 37);
    }
    100% {
        color: rgb(228, 255, 108);
    }
}

@-ms-keyframes blink {
    0% {
        color: rgb(165, 37, 37);
    }
    100% {
        color: rgb(228, 255, 108);
    }
}

@-o-keyframes blink {
    0% {
        color: rgb(165, 37, 37);
    }
    100% {
        color: rgb(228, 255, 108);
    }
}