@charset "UTF-8";body{margin:0;background-color:#000;color:#fff;display:flex;justify-content:center;align-items:center;height:100vh;overflow:hidden;position:relative}body h1{font-size:5em;font-family:Arial,sans-serif;text-align:center}body p{font-size:2em;font-family:Arial,sans-serif;text-align:center}body #connect.hidden,body #create_flowers.hidden{display:none}body #connect{border-radius:20px;font-family:Arial,sans-serif;font-size:1em;background-color:#ffffff4d;color:#fff;border:2px solid rgb(255,255,255);padding:10px 20px}@keyframes expand-circle{0%{width:0;height:0;opacity:1}to{width:300vmax;height:300vmax;opacity:1}}@keyframes slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-down{0%{transform:translateY(0);opacity:1}to{transform:translateY(10px);opacity:0}}@keyframes slide-up2{0%{transform:translateY(70%);opacity:0}to{transform:translateY(0);opacity:1}}.circle-expand{position:absolute;top:50%;left:50%;width:0;height:0;background-color:transparent;border-radius:50%;transform:translate(-50%,-50%);animation:expand-circle 2.5s forwards;z-index:5}.message-container{opacity:0;transition:opacity 1.5s;position:relative;z-index:10;text-align:center}.message-container.fade-out{opacity:0}.message-container.fade-in{opacity:1}.slide-up-animation{display:inline-block;animation:slide-up 1s forwards}.slide-up2-animation{display:inline-block;animation:slide-up .5s forwards}.slide-down-animation{display:inline-block;animation:slide-down .5s forwards}