#container {
    position: relative;
    background-color: #f0f0f0;
    /*border: 1px solid #000;*/
    max-width: 1000px;
    padding: 0 2rem 2rem 2rem;
    /*margin-bottom: 4rem;*/
}

.box {
    /*outline: 2px solid rgba(106, 212, 250, 0.61);*/
    padding: 1rem;
    margin-bottom: 4rem;
    background-color: #e5e5e5;
    height: auto;
}

.grid-item {
    /*background-color: rgba(255, 255, 255, 0.8);
    /*border: 1px solid rgba(0, 0, 0, 0.8);
    /*padding: 2px;*/
    font-size: 30px;
    /*text-align: center;*/
    margin-bottom: 1rem;
    margin-top: 1rem;
    /*max-width: 100%;*/
    /*height: auto;*/
    cursor: grab;
}


.grid-container_2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px;
    background-color: #f0f0f0;
    padding: 5px;
    max-width: 900px;
    /*margin: auto;*/
    align-content: center;
}

div.arrow_right {
    background-color: #f0f0f0;
    /*border: 1px solid rgba(166, 83, 96, 1);*/
    position: fixed;
    right: 280px;
    bottom: 18rem;
    transition: transform 1s;
}

div.arrow_left {
    background-color: #f0f0f0;
    /*border: 1px solid rgba(166, 83, 96, 1);*/
    position: fixed;
    left: 280px;
    bottom: 18rem;
    transition: transform 1s;
}