:root {
    --color: #0000FF;
    /*--linkcolor: rgba(255, 0, 0, 0.39);*/
    --linkcolor: #0096FF;
    --bgbuttoncolor: #0096FF;
}


html, body {
    color: var(--color);

}
#topbar {
    background-color: var(--color);
}

#welcome-text {
    color: var(--color);
}

#info-panel {
    border: 1px solid var(--color);

}


.bottom-nav {
    background: var(--color);
}

.hover-box:hover {
    background-color: white;
    color: var(--linkcolor);
    cursor: pointer;
}

.info-buttons .standard {
    border: 1px var(--color);
    background-color: var(--bgbuttoncolor);
}


button.standard {
    border: 1px solid var(--color);
    background-color: var(--bgbuttoncolor);
}



#message-box {
    background-color: white;
    border: 2px solid var(--color);
    color: var(--color);
}

#message-box button.clear-btn {
    background-color: var(--bgbuttoncolor);
    color: var(--color);
}

#message-box button.clear-btn:hover {
    background-color: var(--bgbuttoncolor);
}