/* Side nav */
.side_nav{
    top:25%;
    left: -100vw;
    background-color: #294551de;
    padding: 15px 100px 15px 2px;
    color: white;

    border-radius: 0 10px 10px 0;
    z-index: 20;

}

.side_nav .side_nav_element{
    height: 50px;
    border: 2px solid white;
    padding: 10px 30px;
    font-size: 1.5rem;
    margin-top: 5px;

}

.mobile .side_nav .side_nav_element{
    font-size: 1.2rem;
}

.side_nav .side_nav_element:hover{
    background-color: #294551;

}

.side_nav .side_nav_open_arrow{
    right: -80px;
    top: 0;
    height: 100%;
    width: 70px;
}

.side_nav .side_nav_open_arrow .image_container{
    width: 100px;
    height: 100px;
}

.mobile .side_nav .side_nav_open_arrow .image_container{
    width: 60px;
    height: 60px;
}


.side_nav .side_nav_close_arrow{
    right: 20px;
    top: 0;
    height: 100%;
    width: 60px;
}

.side_nav .side_nav_close_arrow .image_container{
    width: 100px;
    height: 100px;
    /* align-items: center;
    justify-content: flex-end; */
}