bettblake08/Neo-UI

@import "../../styles/themes/default/abstracts/variables";

.demo-box {
    width: 100%;
    height: 95vh;
    overflow: hidden;
    position: relative;

    &__background {
        background-image: url('../../assets/Mataura.svg');
        background-size: cover;
        background-position: center;
        width: 120%;
        height: 120%;
        transform: translate(-50%, -50%);
        position: absolute;
        z-index: 0;
        top: 50%;
        left: 50%;
    }

    &__content {
        transform: translate(-50%, -50%);
        position: absolute;
        z-index: 100;
        top: 50%;
        left: 50%;
        padding: 5rem;
        width: 40%;
        border-radius: 1rem;
        background: linear-gradient(145deg, #ffffff, #e6e6e6);
        box-shadow: $box-shadow-light;
    }

     &--icon &__content {
        width: auto;
        font-size: 2.5rem;
    }
}