/* NAVBAR CONTAINER */
.navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background-color: white;
    z-index: 1000;
    display: flex;
    align-items: center;
}

/* LOGO POSITIONING */
.navbar-logo-link {
    position: absolute;
    left: 209px;
    top: 0;
    width: 100px;
    height: 100px;
    display: block;
}

.navbar-logo {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* BUTTON POSITIONING */
.navbar-topic,
.navbar-mock {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: inherit;
}

.navbar-topic {
    position: absolute;
    left: 389px;
    top: 19.5px;
    width: 152px;
    height: 61px;
}

.navbar-mock {
    position: absolute;
    left: 621px;
    top: 19.5px;
    width: 202px;
    height: 61px;
}

/* ICON POSITIONING */
.navbar-instagram {
    position: absolute;
    right: 120px;
    top: 35px;
    width: 30px;
    height: 30px;
}

.navbar-instagram img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.navbar-nightmode {
    position: fixed;
    right: 4vw;
    top: 2.5vh;
    width: 2.5vh;
    height: 2.5vh;
    background: none;
    border: none;
    cursor: pointer;
    z-index: 1000;
}

.navbar-nightmode img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    min-width: 25px;
    min-height: 25px;
}

/* Hide By Topic button */ 
.navbar-topic {
    display: none !important;
}

/* Hide Night Mode button */
.navbar-nightmode {
    display: none !important;
}