/*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');*/

/** {*/
/*    padding: 0;*/
/*    margin: 0;*/
/*    font-family: 'Noto Sans KR', sans-serif;*/
/*}*/

body {
    background: black;
    width: 100%;
    background-size: contain;
}

.user-game-points img {
    cursor: pointer;
}

.directory-button img {
    cursor: pointer;
}

.sticky {
    position: sticky;
    top: 10px;
}

ul {
    list-style: none;
    padding: 0;
}



button {
    cursor: pointer;
}

.c-pointer {
    cursor: pointer;
}


input:focus {
    outline: none;
}

.container {
    min-width: 1400px;
    margin: auto;
}

.white {
    color: #fff;
}

.pink {
    color: #ff009c;
}

.red {
    color: #e73b54 !important;
}

.gray {
    color: #8e8e98;
}

.violet {
    color: #833bbd;
}

.yellow {
    color: #ffd989 !important;
}

.green {
    color: #3ec600;
}

.blue {
    color: #5d8ef9;
}

.bg-dark-violet {
    background: #996806;
}


.bg-gray {
    background: #3a3b42;
}

.bg-pink {
    background: #996806 !important;
}

.bg-violet {
    background: #833bbd;
}

.bg-none {
    background: transparent;
    border: none;
}

.bg-orange {
    background: #fb6f3e;
}

.bg-blue {
    background: #4860e8;
}

.bg-violet {
    background: #d32ee2 !important;
}

.relative {
    position: relative;
}

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

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

.flex-1 {
    flex: 1 !important;
}

.flex-2 {
    flex: 2 !important;
}

.flex-3 {
    flex: 3 !important;
}

.flex-4 {
    flex: 4 !important;
}

.justify-center {
    justify-content: center !important;
}

.justify-start {
    justify-content: start !important
}