.sidebar-nav {
    flex: 1;
    background-color: lightblue;
    display: flex;
    flex-direction: column;
}

.sidebar-flower-separator {
    height: 100%;
    width: 200%;
    background-size: cover; 
    background-repeat: no-repeat;
}

.sidebar-margin-top {
    margin-top: var(--default-topmargin-sidebarstuff);
}

.sidebar-button {
    font-size: var(--default-fontsize-sidebarstuff);
    margin-left: 6px;
    margin-top: var(--default-topmargin-sidebarstuff);
    text-decoration: underline;
    text-decoration-color: inherit;
    user-select: none;
    -webkit-user-select: none; /* For dumb safari people */
    -ms-user-select: none; /* For weird IE people?? */
}

.sidebar-button:hover {
    cursor: auto;
}

.sidebar-button > a {
    text-decoration: none;
}

.sidebar-button > a:hover {
    text-decoration: underline;
    color: var(--pink-link-col);
}

.sidebar-button > a:hover:active {
    color: var(--pink-link-col2);
}

.sidebar-button {
    color: inherit;
    cursor: pointer;
}

.sidebar-info-h {
    text-decoration: underline;
    text-align: center;
    font-size: var(--default-fontsize-sidebarstuff);
    margin-top: var(--default-topmarginsmaller-sidebarstuff);
}

.sidebar-webupdates {
    overflow: scroll;
    font-size: 16px;
    border: 1px solid black;
    width: 90%;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 12px;
}

.sidebar-webupdates>p {
    border-bottom: 1px dotted black;
}


#statusDiv {
    margin-top: 12px;
    width: 90%;
    max-width: 90%;
    max-height: 100px;
    word-wrap: break-word;
    background-color: rgb(255, 201, 209);
    border: 1px solid black;
    border-radius: 4px;
    margin-left: auto;
    margin-right: auto;
    overflow: scroll;
    padding: 2px;
}