:root {
    --background: #05080C;     
    --text-primary: #E8F8FF;
    --text-secondary: #C7E3EE;
    --text-effect: #75AFC4;
    --text-accent: #3A6373;

    --snow-color: rgba(180, 235, 255, 0.8);
}

nav {
    background-color: #05080C99;
}

#hero p{
    letter-spacing: 4px;
}

#desc {
    padding-top: 14px;
    letter-spacing: 40px;
}

/* Unfinished */

#unfinished {
    padding: 120px 2vw;
}

#unfinished h2 {
    border-bottom: 1px solid var(--text-accent);
    padding-bottom: 15px;
    font-size: 2.2vw;
    letter-spacing: 2px;
    font-weight: bold;
}

.unfinished-entry {
    margin-top: 35px;
    padding-bottom: 40px;
    border-bottom: 1px solid var(--text-accent);
}

.unfinished-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 15px 0;
    color: var(--text-effect);
    letter-spacing: 2px;
    font-size: 0.8vw;
}

.unfinished-entry h3 {
    font-size: 1.98vw;
    margin-top: 25px;
}

.unfinished-subtitle {
    font-size: 1vw;
    letter-spacing: 4px;
    color: var(--text-secondary);
    margin-top: 8px;
}

.unfinished-tags {
    font-size: 0.8vw;
    color: var(--text-effect);
    letter-spacing: 2px;
    margin-top: 18px;
}

.unfinished-description {
    margin-top: 25px;
    color: var(--text-secondary);
    line-height: 1.5;
}

.unfinished-entry + .unfinished-entry {
    margin-top: 35px;
}

/* Graveyard */

#graveyard {
    padding: 120px 2vw;
}

#graveyard h2 {
    border-bottom: 1px solid var(--text-accent);
    padding-bottom: 15px;
    font-size: 2.2vw;
    letter-spacing: 2px;
    font-weight: bold;
}

.graveyard-entry {
    margin-top: 35px;
    padding-bottom: 40px;
    border-bottom: 1px solid var(--text-accent);
}

.graveyard-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 15px 0;
    color: var(--text-effect);
    letter-spacing: 2px;
    font-size: 0.8vw;
}

.graveyard-entry h3 {
    font-size: 1.98vw;
    margin-top: 25px;
}

.graveyard-subtitle {
    font-size: 1vw;
    letter-spacing: 4px;
    color: var(--text-secondary);
    margin-top: 8px;
}

.graveyard-tags {
    font-size: 0.8vw;
    color: var(--text-effect);
    letter-spacing: 2px;
    margin-top: 18px;
}

.graveyard-description {
    margin-top: 25px;
    color: var(--text-secondary);
    line-height: 1.5;
}

.graveyard-entry + .graveyard-entry {
    margin-top: 35px;
}

/* NOW */

#now {
    padding: 120px 2vw;
}

#now h2 {
    border-bottom: 1px solid var(--text-accent);
    padding-bottom: 15px;
    font-size: 2.2vw;
    letter-spacing: 2px;
    font-weight: bold;
}

.now-item {
    display: flex;
    align-items: baseline;
    gap: 60px;
    margin-top: 33px;
    padding-bottom: 33px;
    border-bottom: 1px solid var(--text-accent);;
}

.now-item span {
    min-width: 220px;
    color: var(--text-effect);
    letter-spacing: 2px;
    font-size: 0.999vw;
}

.now-item p {
    color: var(--text-secondary);
    line-height: 1.5;
}

/* Curiosities */

#curiosities {
    padding: 120px 2vw;
}

#curiosities h2 {
    border-bottom: 1px solid var(--text-accent);
    padding-bottom: 15px;
    font-size: 2.2vw;
    letter-spacing: 2px;
    font-weight: bold;    
}

.curiosity-entry {
    margin-top: 35px;
    padding-bottom: 40px;
    border-bottom: 1px solid var(--text-accent);
}

.curiosity-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 15px 0;
    color: var(--text-effect);
    letter-spacing: 2px;
    font-size: 0.8vw;
}

.curiosity-entry h3 {
    font-size: 1.98vw;
    margin-top: 25px;
}

.curiosity-description {
    margin-top: 25px;
    color: var(--text-secondary);
    line-height: 1.5;
}

.curiosity-entry + .curiosity-entry {
    margin-top: 35px;
}

/* Extra Effects */

::selection {
    color: #E8F8FF;
    background-color: #0B1D24;
}

/* Responsive */

@media (max-width: 600px) {

    #hero p {
        font-size: 3.2vw;
        letter-spacing: 3px;
        margin-top: 7px;
    }

    #desc {
        font-size: 2.8vw !important;
        letter-spacing: 4px !important;
        padding-top: 10px;
    }

    #unfinished {
        padding: 110px 2vw;
    }

    #unfinished h2 {
        font-size: 5.5vw;
    }

    .unfinished-meta {
        font-size: 3vw;
    }

    .unfinished-entry h3 {
        font-size: 6vw;
    }

    .unfinished-subtitle {
        font-size: 3.2vw;
    }

    .unfinished-tags {
        font-size: 3vw;
    }

    #graveyard {
        padding: 110pw 2vw;
    }

    #graveyard h2 {
        font-size: 5.5vw;
    }

    .graveyard-meta {
        font-size: 3vw;
    }

    .graveyard-entry h3 {
        font-size: 6vw;
    }

    .graveyard-subtitle {
        padding-top: 6px;
        font-size: 3.2vw;
    }

    .graveyard-tags {
        font-size: 3vw;
    }

    #now {
        padding: 110px 2vw;
    }

    #now h2 {
        font-size: 5.5vw;
    }

    .now-item {
        display: block;
    }

    .now-item span {
        display: block;
        min-width: 0;
        font-size: 3vw;
    }

    .now-item p {
        margin-top: 10px;
    }

    #curiosities {
        padding: 110px 2vw;
    }

    #curiosities h2 {
        font-size: 5.5vw;
    }

    .curiosity-meta {
        font-size: 3vw;
    }

    .curiosity-entry h3 {
        font-size: 6vw;
    }

    .curiosity-description {
        font-size: 4vw;
    }

}