#page {
    .head {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        grid-template-rows: 1fr;
        align-items: center;
        z-index: 0;
        :deep(.uni-list) {
            :hover {
                cursor: pointer;
            }
        }
    }
    #really {
        box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
        // background-color: white;
        position: fixed;
        width: 100%;
        z-index: 1;
    }
    #body {
        width: var(--size);
        margin: 0 auto;
        :deep(#list) {
            transition: all 0.3s ease;
            &:hover {
                cursor: pointer;
                scale: (1.05);
            }
        }
    }
    :deep(#user) {
        position: fixed;
        right: 2%;
        z-index: 2;
        max-width: var(--size);
        min-width: var(--minsize);
        .user {
            &:hover {
                cursor: pointer;
                color: #409eff;
            }
        }
    }
    :deep(#drawer) {
        position: fixed;
        z-index: 2;
        width: var(--size);
        height: 80%;
        overflow-y: auto;
        #collaborators {
            overflow-y: auto;
            overflow-x: auto;
            height: 40vh;
        }
        .button {
            border: 1px solid #409eff;
            display: grid;
            justify-content: center;
            justify-items: center;
            align-items: center;
            &:hover {
                background-color: #e6e6e6;
                cursor: pointer;
            }
        }
    }
    :deep(.uni-calendar) {
        :hover {
            cursor: pointer;
        }
    }

    .Pics {
        position: fixed;
        z-index: 2;
        right: 2%;
        max-width: var(--maxsize);
        min-width: var(--minsize);
        :deep(#main) {
            overflow-y: auto;
            max-height: 90vh;
            .deck {
                .deck_cards {
                    width: var(--height);
                    display: inline-block;
                    vertical-align: top;
                }
            }
        }
    }
}
