/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 #l_login{
    background-color:rgb(23, 0, 113);
    width: 100vw;
    height: 100vh;
    z-index: 999999999999!important;
    top: 0px;
    left: 0px;
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
 }
 .l_login_body {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 50px;
    height: 80vh;
    background-color: #5098ed;
    align-items: center;
    position:relative;
}
.l_login_body::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, transparent, white);
}
.l_login_body::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, white, transparent);
}
.l_login_list_item_image {
    border: 3px solid white;
    width: 60px;
    height: 60px;
    background-size: cover;
    border-radius: 6px;
}
.l_login_list_item {
    display: flex;
    gap: 10px;
    cursor: pointer;
    align-items: center;
}
.l_login_list_item_title {
    font-size: 20px;
    color: white;
    font-weight: 600;
}
.l_login_list {
    gap: 20px;
    display: flex;
    flex-direction: column;
}
.l_login_list_item_meta {
    font-size: 16px;
    color: firebrick;
    font-weight: 600;
    color: #28287d;
}
.l_login_header {
    width: 100%;
    height: 410px;
    background-image: url("https://platform.ruw-web.nl/wp-content/uploads/2024/06/wolkjessssss.webp");;
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;   
}