*{margin:0;padding:0;box-sizing:border-box}body{background:#ffffff;color:#000;font-family:-apple-system,BlinkMacSystemFont,Avenir,Roboto,sans-serif;display:flex;align-items:center;justify-content:center;height:100vh;overflow:hidden;text-align:center;padding:20px}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:450px}.prof{width:250px;height:auto;margin-bottom:20px}h1{font-size:28px;margin-bottom:10px;font-weight:700;color:#2980b9}p{font-size:16px;line-height:1.5;opacity:.9}.bubbles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1}.bubbles div{position:absolute;bottom:-150px;width:20px;height:20px;background:rgba(0,132,255,.15);border-radius:50%;animation:rise 12s infinite ease-in;filter:blur(1px)}.bubbles div:nth-child(1){left:10%;animation-duration:14s;animation-delay:0s}.bubbles div:nth-child(2){left:20%;animation-duration:12s;animation-delay:2s}.bubbles div:nth-child(3){left:30%;animation-duration:11s;animation-delay:1s}.bubbles div:nth-child(4){left:40%;animation-duration:15s;animation-delay:3s}.bubbles div:nth-child(5){left:50%;animation-duration:10s;animation-delay:4s}.bubbles div:nth-child(6){left:60%;animation-duration:13s;animation-delay:1s}.bubbles div:nth-child(7){left:70%;animation-duration:12s;animation-delay:3s}.bubbles div:nth-child(8){left:80%;animation-duration:11s;animation-delay:2s}.bubbles div:nth-child(9){left:90%;animation-duration:14s;animation-delay:0s}.bubbles div:nth-child(10){left:25%;animation-duration:16s;animation-delay:2s}.bubbles div:nth-child(11){left:65%;animation-duration:17s;animation-delay:4s}.bubbles div:nth-child(12){left:85%;animation-duration:13s;animation-delay:1s}@keyframes rise{0%{transform:translateY(0) scale(1);opacity:.3}50%{opacity:.6}to{transform:translateY(-1200px) scale(1.4);opacity:0}}