/* _content/SiteEditorUI/Pages/Index.razor.rz.scp.css */
*[b-d31u8ci54z] {
    padding: 0px;
    margin: 0px;
}

body[b-d31u8ci54z] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    background: #00071C;
}

ul[b-d31u8ci54z] {
    position: relative;
    display: flex;
    transform: rotate(0deg) skew(25deg);
    transform-style: preserve-3d;
}

    ul li[b-d31u8ci54z] {
        position: relative;
        list-style: none;
        width: 60px;
        height: 60px;
        margin: 0px 20px;
    }

        ul li[b-d31u8ci54z]:before {
            content: '';
            position: absolute;
            bottom: -10px;
            left: -5px;
            width: 100%;
            height: 10px;
            background: #2a2a2a;
            trnasform-origin: top;
            transform: skewX(-41deg);
        }

        ul li[b-d31u8ci54z]:after {
            content: '';
            position: absolute;
            top: 5px;
            left: -9px;
            width: 9px;
            height: 100%;
            background: #2a2a2a;
            trnasform-origin: right;
            transform: skewY(-49deg);
        }

        ul li span[b-d31u8ci54z] {
            position: absolute;
            top: 0;
            lef: 0;
            width: 100%;
            height: 100%;
            display: flex !important;
            background: #2a2a2a;
            justify-content: center;
            align-items: center;
            color: #fff;
            font-size: 30px !important;
            transition: 1.5s ease-out;
        }

        ul li:hover span[b-d31u8ci54z] {
            z-index: 1000;
            transition: .3s;
            color: #fff;
            box-shadw: -1px 1px 1px rgba(0, 0, 0, .5);
        }

            ul li:hover span:nth-child(5)[b-d31u8ci54z] {
                transform: translate(40px, -40px);
                opacity: 1;
            }

            ul li:hover span:nth-child(4)[b-d31u8ci54z] {
                transform: translate(30px, -30px);
                opacity: .8;
            }

            ul li:hover span:nth-child(3)[b-d31u8ci54z] {
                transform: translate(20px, -20px);
                opacity: .6;
            }

            ul li:hover span:nth-child(2)[b-d31u8ci54z] {
                transform: translate(10px, -10px);
                opacity: .4;
            }

            ul li:hover span:nth-child(1)[b-d31u8ci54z] {
                transform: translate(0px, 0px);
                opacity: .2;
            }

        ul li:nth-child(1):hover span[b-d31u8ci54z] {
            background: #52E19F !important;
        }

        ul li:nth-child(2):hover span[b-d31u8ci54z] {
            background: #2C3456 !important;
        }

        ul li:nth-child(3):hover span[b-d31u8ci54z] {
            background: #EA6E96 !important;
        }

        ul li:nth-child(4):hover span[b-d31u8ci54z] {
            background: #FCEB00 !important;
        }
/* _content/SiteEditorUI/Shared/MainLayout.razor.rz.scp.css */
.page[b-ybh56gl0tg] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-ybh56gl0tg] {
    flex: 1;
}