@import url('./navbar/styles.css');
@import url('./sidemenu/styles.css');

.bg-container{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -1;
    /* background-color: rgba(0, 255, 255, 0.534); */

    /* .blured-lights{
        position: absolute;
    }
    .first{
        width: 40.375vw;
        height: 40.375vw;
        background: rgba(0, 102, 146, 1);
        filter: opacity(0.12) blur(15rem);
        top: 20%;
        left: 20%;
        border-radius: 50%;
    }

    .second{
        width: 30.375vw;
        height: 30.375vw;
        background: rgba(0, 102, 146, 1);
         filter: opacity(0.12) blur(10rem); 
        top: -15%;
        left: -15%;
        border-radius: 50%;
    }

    .third {
        width: 30.375vw;
        height: 30.375vw;
        background: rgba(0, 102, 146, 1);
        filter: opacity(0.12) blur(7rem); 
        top: -15%;
        right: -10%;
        border-radius: 50%;
    }

    .fourth {
        width: 30.375vw;
        height: 30.375vw;
        background: rgba(0, 102, 146, 1);
        filter: opacity(0.12) blur(12rem);  
        bottom: -15%;
        right: -10%;
        border-radius: 50%;
    }

    .fifth {
        width: 30.375vw;
        height: 30.375vw;
        background: rgba(0, 102, 146, 1);
        filter: opacity(0.12) blur(12rem); 
        bottom: -15%;
        right: 10%;
        border-radius: 50%;
    }

    .sixth {
        width: 30.375vw;
        height: 30.375vw;
        background: rgba(147, 231, 93, 0.74);
        filter: blur(25rem);  
        bottom: -15%;
        right: -10%;
        border-radius: 50%;
    } */
}