@use '../../abstracts/variables' as *;
@use "../../mixins/breakpoints" as *;

.maintenance-page {
    // height: 100vh;

    .maintenance-content {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;

        .content-width {
            // border-radius: 30px;
            // box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

            .close-icon {
                font-size: 25px;
                color: #a8a2a2ad;
            }

            .maintenance-img {
                width: 50%;
            }
            @include media-min-lg {
                width: 60%;
            }
        }
    }
}