.container,body,html{width:100%;height:100%}.frame,body,html{overflow:hidden;pointer-events:none}body,html{margin:0;padding:0;background-color:#438ad1;user-select:none}.container{position:relative;perspective:1000px}.centered-image,.rectangle,.word{position:absolute}.centered-image{top:50%;left:50%;transform:translate(-50%,-50%);max-width:100%;max-height:100%;border:1px solid #5ea4f6;border-radius:16px 4px;box-shadow:0 4px 5px 0 rgba(0,0,0,.45);z-index:10;animation:10s infinite alternate shadowFancy}.rectangle{background-color:rgba(200,245,255,.8);opacity:0;animation:4s forwards fadeInOut;transform-origin:center;border-radius:16px 4px;z-index:2}@keyframes fadeInOut{0%{opacity:.2;transform:scale(0) translateZ(0)}33%{opacity:.1;transform:scale(1) translateZ(-300px)}100%{opacity:0;transform:scale(0) translateZ(-600px)}}.word{opacity:0;white-space:nowrap;font-family:Arial,sans-serif;color:#f0f0f0;animation:3s forwards wordFadeInOut;z-index:3}.frame,.line{position:absolute;z-index:1}@keyframes shadowFancy{0%{box-shadow:0 4px 5px 0 rgba(0,0,0,.45)}15%{box-shadow:0 8px 15px 0 rgba(0,0,0,.35),0 0 10px rgba(255,255,255,.2)}25%{box-shadow:0 8px 15px 0 rgba(0,0,0,.35),0 0 10px rgba(255,255,255,.3)}50%{box-shadow:0 12px 25px 0 rgba(0,0,0,.25),0 0 20px rgba(255,255,255,.4)}75%{box-shadow:0 16px 35px 0 rgba(0,0,0,.15),0 0 30px rgba(255,255,255,.5)}100%{box-shadow:0 20px 45px 0 rgba(0,0,0,.05),0 0 40px rgba(255,255,255,.6)}}@keyframes wordFadeInOut{0%{opacity:0;transform:translateX(-90px)}40%,60%{opacity:.1;transform:translateX(0)}100%{opacity:0;transform:translateX(90px)}}.frame{top:50%;left:50%;transform:translate(-50%,-50%);width:75%;height:75%;border:100px solid #5ea4f6;display:flex;justify-content:center;align-items:center;opacity:.1;fill-opacity:1;flood-opacity:1;border-radius:30px}.line{background-color:#5ea4f6;animation:11s forwards lineUp;opacity:0;border:2px dotted #fff;border-radius:50%}@keyframes lineUp{0%,66%{transform:scale(1)}100%,33%{transform:scale(.2)}}