/* effect for clickable button */
.o_btn_1{
    color: #ffffff; /* Green */
    background-color: #005403; /* Green */
    transition: all 0.1s ease-in-out;
}
.o_btn_1:hover{
    transform: scale(1.2);
    background-color: #07960c; /* Darker green on hover */
}
.o_btn_1:active{
    transform: scale(1);
    color: #004406; /* White */
    background-color: #29ee30; /* Darker green on hover */
}


/* effect on clickable text */
.o_text_1{
    margin-bottom: 5px;
    transition: all 0.1s ease-in-out;
}
.o_text_1:hover{
    margin-bottom: 15px;
    transition: all 0.1s ease-in-out;
}
.o_text_1:active{
    margin-bottom: 10px;
    transition: all 0.1s ease-in-out;
}


/* effect on sider_visual */
.slide-left{
    width: 30vw;
    top: 0;
    left: 35vw;
    position: fixed;
    transition: all 1s ease-in-out;
}
.slide-left-active{
    left:0vw;
    opacity: 0.5;
}