/**
 *  apps
 *
 *
 *
 */

 .apps {
    &__item {
        position: relative;

        &-background {
            position: absolute;
            object-fit: cover;
            width: 100%;
            height: 100%;
            z-index: -1;
        }

        &-inner {
            display: flex;
            flex-flow: column;
            justify-content: space-between;

            border: 1px solid var(--border);
            height: 450px;

            transition: transform 0.25s, box-shadow 0.5s;
        }

        &:hover {
            cursor: pointer;
            transform: scale(1.05);
            box-shadow: 10px 10px 0 rgb(228, 228, 228);
        }

        &-panel {
            background-color: rgba(255, 255, 255, 0.45);

            h3 {
                font-size: 1.2rem;
            }
        }
    }
}