body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #1F1F1F;
    color: #F0F0F0;
    padding: 10px;
}

li {
    padding: 5px
}

a {
    color: #2542EE;
}

a:visited {
    color: #852FC4;
}

.navbar {
    border-radius: 20px;
    background-color: #292B36;
    display: flex;
    justify-content: left;
    align-items: center;
    gap:10px;
    height: 4em; /* Or whatever else you want to set it to */
    padding: 8px;
}

.navbar img {
    border-radius: 20px;
    height: 100%;
}

.navbar h1 {
    font-size: 35px;
}

.navbar a {
    color: #7294FF;
    padding: 10px;
    font-size: 23px;
    text-decoration: none;
}

.navbar a:hover {
    color: white;
    padding: 10px;
    font-size: 27px;
    text-decoration: none;
}

/* Documentation Styling */

.bottombar {
    border-radius: 20px;
    background-color: #292B36;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 25px;
    height: 1em; /* Or whatever else you want to set it to */
    padding: 8px;
}

.bottombar-docs {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 20px;
    background-color: #292B36;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 25px;
    margin-left: 10px;
    margin-right: 10px;
    height: 1em; /* Or whatever else you want to set it to */
    padding: 8px;
}

.bottombar-docs a {
    color: #2542EE;
    padding: 8px;
    text-decoration: none;
}

.bottombar-docs a:visited {
    color: #852FC4;
}

.sidebar {
    position: relative;
    width: 200px;
    float: left;
}

.sidebar a {
    color: #7294FF;
    text-decoration: none;
}

.content {
    position: fixed;
    margin-left: 220px;
    margin-right: 20px;
    overflow: auto;
    height: 85vh;
}