html,body { height:100%; }
div#space { width:1px; height:50%; margin-bottom:-479px; float:left; }
div#container { width:1438px; height:958px; margin:0 auto; position:relative; clear:left; }
body:before { content:""; position:fixed; left:0; top:0; right:0; bottom:0; z-index:-1; background-image:linear-gradient(to top, #8A2BE2 0%, #000000 100%); }
body { background-color:#8A2BE2; color:#000000; font-family:Arial; font-weight:normal; font-size:13px; line-height:1.1875; margin:0; padding:0; }
#wb_Image1 { vertical-align:top; }
#Image1 { border:0px solid #000000; border-radius:0px; padding:0; margin:0; left:0; top:0; width:100%; height:100%; }
#wb_Image2 { vertical-align:top; }
#Image2 { border:0px solid #000000; border-radius:0px; padding:0; margin:0; left:0; top:0; width:100%; height:100%; }
#Shape1 { border-width:0; vertical-align:top; }
#Shape4 { border-width:0; vertical-align:top; }
#Shape3 { border-width:0; vertical-align:top; }
#wb_Text3 { background-color:transparent; background-image:none; border:0px solid #000000; border-radius:0px; padding:0; margin:0; text-align:left; }
#wb_Text3 div { text-align:left; }
#Shape2 { border-width:0; vertical-align:top; }
#custom-notification { display:none; position:fixed; top:20px; right:20px; background-color:#f44336; color:white; padding:15px; border-radius:5px; z-index:1000; font-family:Arial, sans-serif; font-size:14px; box-shadow:0 4px 6px rgba(0, 0, 0, 0.1); animation:slide-in 0.3s ease, slide-out 0.3s ease 2.7s forwards; }
@keyframes slide-in {
from { opacity:0; transform:translateX(100%); }
to { opacity:1; transform:translateX(0); }
}
@keyframes slide-out {
from { opacity:1; transform:translateX(0); }
to { opacity:0; transform:translateX(100%); }
}