html {
    --main_one_c: white;
    --maon_two_c: black;

    --text_c: var(--main_one_c);
}

.Nav_bar_scrolled {
    background: linear-gradient(rgba(0, 0, 0, 100%), rgba(0, 0, 0, 0));
}

.Nav_bar_background {
    background: linear-gradient(rgba(255, 255, 255, 30%), rgba(0, 0, 0, 0));
}

.Nav_bar {
    color: var(--text_c);

    display: block;

    width: 100%;

    position: fixed;
}

.Nav_bar table {
    width: 100%;

    padding: 0;
    margin: 0;
}

.Nav_bar h2 {
    font-size: 175%;

    text-align: right;
    
    margin-right: 50px;
    
    transition: transform 0.3s;
}

.Nav_bar h2:hover {
    transform: translateY(-25%);
}

.Nav_bar img {
    filter: invert();

    max-width: 150px;
    vertical-align: middle;

    margin-left: 50px;
    padding-top: 5px;
}

#Home_nav h1 {
    text-align: center;
    
    display: block;

    font-size: 230%;
    font-family: 'K2D', sans-serif;
    font-weight: bolder;
}

#Home_nav img {
    display: none;
    width: 75px;
    
    margin-left: auto;
    margin-right: auto;
}