body 
{
    background-color: beige;
    /*Yritetään webp formaattia jos latautuisi super nopee*/
    /*background-image: url("/pics/background.webp");*/
    background-size: cover;
    font-family: "Comic Sans MS", cursive, sans-serif;
}
#testView 
{
    float: right;
}
/*
#sidebar 
{
    float: left;
    background-color: white;
    height: 90%;
    padding-right: 10px;
}
*/
#header 
{
    text-align: center;
}
h1 
{
    background-color: white;
    border-radius: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 25%;
    margin-right: 25%;
}
#footer 
{
    width: 100%;
    min-height: 5%;
    max-height: 10%;
    text-align: center;
    text-emphasis-color: grey;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}
.content
{
    float: left;
    width: 80%;
}
#main-content
{
    /*float: left;*/
    /*width: 80%;*/
    margin-left: 16%;
    margin-right: 10px;
}
#msg
{
    /*float: left;*/
    /*width: 80%;*/
    margin-right: 10px;
    background-color: white;
    height: 60%;
    margin-bottom: 10px;
    border-color: black;
    border-width: 5px;
    border-style: groove;
    border-radius: 5px;
}
#sideAndContent 
{
    display: inline;
}
#basic_buttons
{
    display: inline;
}
#settings-page
{
    /*visibility: hidden;*/
    display: none;
    margin-left: 16%;
}
/* SIDE MENU */
ul {
    list-style-type: none;
    /*margin: 0;*/
    padding: 0;
    width: 15%;
    background-color: #f1f1f1;
    position: fixed;
    height: 80%;
    overflow: auto;
    margin-right: 5px;
}

li a {
    display: block;
    color: #000;
    padding: 8px 16px;
    text-decoration: none;
}

li a:active {
    background-color: #4CAF50;
    color: white;
}
li a:hover:not(.active) {
    background-color: #555;
    color: white;
}