@font-face {
    font-family: 'Cafe24Meongi-W-v1.0';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2405-3@1.1/Cafe24Meongi-W-v1.0.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SacheonHangGong-Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2506-1@1.0/SacheonHangGong-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Cafe24Oneprettynight';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Oneprettynight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

*{
    font-family: 'Cafe24Oneprettynight';
    cursor: default;
    scroll-behavior: smooth;
}

#menuwrap div a,
.logo {
    font-family: 'Cafe24Meongi-W-v1.0';
}

.bolder {
    font-family: 'SacheonHangGong-Regular';
}

#menuwrap div.menulist div a:hover {
    cursor: pointer;
}
#menuwrap div.menulist div.on:hover {
    cursor: default;
}
#menuwrap div.on a {
    color: #71717b;
}
#menuwrap div.menulist div.on:hover {
    animation: none;
}

#menuwrap div.menulist div:hover {
    animation: upanddown 1s infinite;
}

@keyframes upanddown {
    0%, 100%{
        transform: translateY(-7%);
    }
    50% {
        transform: none;
    }
}

.dot {
    display: inline-block;
    width: 3px;
    height: 3px;
    background-color: #111;
    border-radius: 50%;
    position: relative;
    top: -5px;
}

.skill img {
    width: 80%;
    height: auto;
    margin:auto;
    max-width: 110px;
}

.moveArea,
.resume {
    cursor: pointer;
}



@media screen and (max-width: 480px) {
    * {
        overflow-x: hidden;
        word-break: keep-all;
    }
    .sitepage{
        height: 100%;
    }
    .menulist { display: none;}
    .mdnone {
        display: none;
    }
    .text-5xl {
        font-size: 28px;
    }
    .text-4xl {
        font-size: 24px;
    }
    .text-3xl {
        font-size: 20px;
    }
    .text-2xl {
        font-size: 16px;
    }
    .text-lg {
        font-size: 12px;
    }

    #main {
        height: 100vh;
    }

    #introduce .pt-30 {
        padding-top : 5%
    }
    #introduce .pt-30 > .flex {
        display: block;
        margin-top: 5%;
    }
    #introduce .mt-12 {
        margin-top: 12px;
    }
    #introduce .mt-8 {
        margin-top: 10px;
    }
    #introduce .mt-4 {
        margin-top : 8px;
    }
    #introduce .mt-2 {
        margin-top: 4px;
    }
    #introduce .pt-30 .flex > div {
        width: 100%;
    }
    #introduce .ml-10 {
        margin-left: 0px;
    }
    #introduce ul.keyword li {
        margin-top: 2px;
    }

    #career .flex{
        display: block;
    }
    #career .flex > div {
        width: 100%;
    }
    #career .m-2 {
        margin: 8px 0 0 0;
    }
}