:root{
    --blue: #100764;
    --yellow: #ffda09;
    --white: #ffffff;
    --grey: #f5f5f5;
    --black: #343434d3;
    --bgcol: #588296;
    --nav-bg: #e2dcdc;
    --main-bg:#f9f9f9;
    --black2: #000000;
    --color1: #000000da;
    --color2: #0000008b;
    --ligt-black: #999;
    --login:#0a9605;
    --transaction:#89fd85;
    --btn: #2593f3;
    --nav-hover: #2426c0;
    --nav-border: #2a2dc5;
    --logout:#ec260c;
    --box-shadow:0 7px 25px #00000014;
    --border:.2rem solid #ccc;
    --topbar-border: 0 7px 25px #16161657;
}

*{
    padding: 0px;
    margin: 0px;
}
a{
    text-decoration: none;
}
.index_cont{
    background: var(--bgcol);
    height: 100vh;

    display: flex;
    justify-content: right;
}

.index_cont .login_menu{
    background: var(--grey);
    width: 230px;
    height: 100vh;

}

.index_cont .login_menu .sms{
    display: flex;
    align-items: center;
    justify-content: left;

    margin: 40px 3px;

}

.index_cont .login_menu .sms img{
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

.index_cont .login_menu h3{
    text-align: center;
    color: var(--black);

}

.index_cont .login_menu p{
    text-align: center;
    color: var(--black);
    margin-bottom: 15px;

}

.logs{  
    color: var(--color2);
    padding: 10px;
}

.logs .log_links p{  
    background: var(--ligt-black);
    padding: 8px 10px;
    margin-bottom: 5px;
    text-align: center;
    transition: .6s;
    cursor: pointer;
}

.logs .log_links p:hover{  
    background: var(--color2);
    padding-left: -10px;
    transition: .6s;
}

.logs .log_links p a{
    color: var(--white);
    padding: 8px 50px;
    text-align: center;

}