body {
    background-color: rgb(204, 250, 204);
    text-align: center;
}
h1 {
    color: navy;
}
code {
    background-color: rgb(39, 39, 39);
    background: scroll;
    text-decoration-color: rgb(0, 0, 0);;
    color: rgb(0, 0, 0);
}
iframe {
    border: 0;
}
#logo1 {
    height: 400px;
    width: auto;
    margin-bottom: 1mm;
}  
#screenclipnav {
    float: left;
    display: table-column;
}
#navigatemain {
    float: left;
    display: table-cell;
}
#home {
    border-style: solid;
    border-width: 5px;
    border-color: blue;
    display: table-cell;
    vertical-align: middle;
    float: middle;
}
#langlist {
    text-align: left;
}
#languages {
    display: inline-block;
}
#langlist li:hover{
    background: lightblue;
}
#features {
    display: inline-block;
}
#featurelist {
    text-align: left;
}
#featurelist li:hover{
    background: lightblue;
}
.btn-group button {
    background-color: #04AA6D; /* Green background */
    border: 1px solid green; /* Green border */
    color: white; /* White text */
    padding: 10px 24px; /* Some padding */
    cursor: pointer; /* Pointer/hand icon */
    width: 100%; /* Set a width if needed */
    display: block; /* Make the buttons appear below each other */
}
.btn-group button:not(:last-child) {
    border-bottom: none; /* Prevent double borders */
}
/* Add a background color on hover */
.btn-group button:hover {
    background-color: #3e8e41;
}
.screenshot {
    height: 400px;
    width: auto;
    margin-bottom: 1mm;
}
.username-post {
    font-size: 40px;
}