/* =========================
START BG
========================= */

.bgEngine{

position:absolute;

top:0;
left:0;

width:100%;
height:100%;

overflow:hidden;

transition:1s;

}




/* themes */

.theme1{

background:
radial-gradient(
circle,
#ff4040,
#7a0000,
#200000
);

}


.theme2{

background:
radial-gradient(
circle,
#4090ff,
#002c7a,
#000d20
);

}


.theme3{

background:
radial-gradient(
circle,
#ffd740,
#7a5b00,
#201700
);

}


.theme4{

background:
radial-gradient(
circle,
#40ff8a,
#006b28,
#001108
);

}


.theme5{

background:
radial-gradient(
circle,
#d040ff,
#52007a,
#140020
);

}




/* =========================
GLASS ITEMS
========================= */

.glassItem{

position:absolute;

border-radius:12px;

background:

rgba(255,255,255,.08);

backdrop-filter:

blur(12px);

-webkit-backdrop-filter:

blur(12px);

box-shadow:

0 0 20px rgba(255,255,255,.08);

animation:

glassZoom 5s ease-in-out infinite;

}




@keyframes glassZoom{

0%{

opacity:0;

transform:scale(.2);

}



50%{

opacity:1;

transform:scale(1.4);

}



100%{

opacity:0;

transform:scale(2);

}

/* =========================
END BG
========================= */
}