.sidenav {
    height: 100%;
    width: 250px;
    position: fixed;
    z-index: 1;
    overflow-x: hidden;
    top: 10px;
    padding-top: 35px;
}

.sidenav a {
    padding: 12px 9px 9px 32px;
    text-decoration: none;
    color: white;
    display: block;
}

.sidenav a::before {

    color: white;
    position: absolute;
    left: -20px;
    /* Adjust this value to position the bullet */
    font-size: 18px;
    /* Adjust the size of the bullet */
    line-height: 18px;
    /* Adjust to vertically align with text */
}

.sidenav a:hover {
    color: #2f05d5;
    background-color: white;
}

.main {
    margin-left: 260px;
}







@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }
}