body{
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;

}

.app{
    display: flex;
    flex-direction: column;
    transition: var(--transition);

    min-height: 100vh;
    min-height: 100dvh;
}

.arb_layout{
    display: grid;
    grid-template-columns: 1fr;
    gap:2rem;
    padding:2rem;
    position: relative;
    height: 100%;
}

.sticky{
    position: sticky;
    top:2rem;
}


@media(min-width: 992px ){

    .arb_layout{
        grid-template-columns: minmax(200px, 360px) 1fr;
    }
    

}