.header-bar{
    z-index: 5;
}


#cow-count-section{
    width: 200px;
    justify-content: space-between;
    display: flex;
    flex-direction: row;
    align-items: center;
}

#cow-btn-count-display{
    width: 125px;
    font-family: 'Fredoka';
    font-size: 2rem;
    margin: 0 0 0 0;
}

.header-icon-btn{
    /* height: 100%; */
    width: 50px;
    align-content: center;
    justify-content: center;
    font-family: 'Fredoka';
    font-size: 2rem;
}
.header-icon-btn img {
    width: 50px;
    height: auto;
    color: black;
    filter: invert(100%)
}


.nav-btns {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: stretch;
    flex: 1;
    justify-content: right;
}
.nav-btn {
    padding-top: 7px;
    width: 200px;
    flex-basis: 200px;
    height: auto;
    font-family: 'Fredoka';
    font-size: 2rem;
    text-align: center;
}

.menu-btns{
    flex: 1;
}
.menu-btn {
    /* background-image: url("../resources/imgs/lobster.png"); */
    /* background-size: cover; */
    font-size: 2rem;
    height: 100%;
    aspect-ratio: 1;
}