.sidebar2 {
    width: 450px;
    background: linear-gradient(to right top, #0B1F41, #09204c, #081a3f, #07173a, #050f28);
    height: 100vh;
    position: fixed;
    top: 0;
    right: 0;
    padding: 20px;
    box-sizing: border-box;
    border-style: solid;
    border-radius: 10px;
    border-color: rgba(132, 132, 132, 0.468);
    border-width: 2px;
    border-right: none;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom: none;
    border-bottom-right-radius: 0px;
}

.sidebar2 .logo {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}

.sidebar2 ul {
    margin-top: 0%;
    list-style: none;
    padding: 0;
}

.sidebar2 ul h1{
    text-align: center;
    font-size: 15px;
}

.sidebar2 ul li {
    margin: 15px 0;
    padding: 10px;
    background: #333;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
}

.sidebar2 ul li:hover {
    background-image: linear-gradient(to right top, #001f3d, #002c4b, #003a58, #004866, #055772);

}

.sidebar2 ul .disabled:hover {
    background: #252525;
}

.botbutton{
    margin-top: 30%;
}

.botbutton ul li {
    margin: 15px 0;
    padding: 10px;
    background: linear-gradient(to right bottom, #003d03, #004b13, #005807, #116600, #057229);
    border-radius: 20px;
    text-align: center;
    cursor: pointer;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.719);
    border-width: 2px;
    font-size: 20px;
}

.botbutton ul li:hover {
    background-image: linear-gradient(to right top, #001f3d, #002c4b, #003a58, #004866, #055772);

}