/* Navigation bar elements */
.navbar {
    background-color: #00A9A5 !important;
    font-weight: 700;
    box-shadow: 0px 0px 7.5px black;
    z-index: 9;
}
/* Navbar buttons */
button {
    background-color: #00A9A5;
    border: none;

    /* Changes the transition between the normal and hover effect */
    transition: 250ms;
}
.navbar-brand button {
    border: 1px solid black;
    border-radius: 0px;
    font-weight: 700;
    font-size: 70%;
    padding: 7px;
    min-width: 9vw;
}
/* Navbar button hover effect */
button:hover {
    background-color: #19535fca;
}



/* Error message */
#error {
    position: fixed;
    right: 20px;
    top: 80px;

    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(1, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;

    z-index: 9999;
}

#error div {
    background-color: rgb(51, 47, 47);
    color: white;
    border-bottom: 1px solid red;
    padding: 10px;
    margin-bottom: 5px;
    cursor: pointer;
    transition: 250ms;
}
#error div:hover {
    background-color: rgba(51, 47, 47, 0.9);
}