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


body {
    background-color: rgb(18, 18, 18);
    font-family: pretendard;
    padding: 0;
    margin: 0;
    color: white;
    padding-top: 75px;
}

.nav_container {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1000px;
    padding: 20px;
    color: white;
}

.nav_container_back {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.055);
    backdrop-filter: blur(36px);
    border-bottom: 1px solid rgba(128, 128, 128, 0.606);
}

.nav_container_menu {
    display: inline-block;
    margin-left: 20px;
    cursor: pointer;
    transition: all 0.1s ease-in-out;
    padding-bottom: 3px;
    color: rgb(133, 133, 133);
    text-decoration: none;
}

.nav_container_menu:hover {
    color: rgb(184, 228, 255);
}


.nav_container_title {
    font-weight: bold;
}

.mutedText {
    color: gray;
}

.ffooter {
    display: flex;
    justify-content: space-between; 
    padding: 10px;
    margin: 0 auto;
    max-width: 900px;
}

.footer-container {
    border-top: 1px solid rgb(42, 42, 42);
    background: rgba(0, 0, 0, 0.041);
    margin-top: 50px;
}

.footer-item > a {
    display: block;   
    margin-top: 10px;
    color: rgb(88, 88, 88);
}

.footer-item > a:hover {
    color: rgb(66, 66, 66);
}

.nav_container_title {
    cursor: pointer;
}


@media (max-width: 800px) {
    .ffooter {
        display: block;
    }
}

#warnnn {
    background-color: #ff90904c;
    padding-left: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 10px;
    margin-top: 10px;
    border: 1px solid #ff909059;
    color: #ff909059;
}