@charset "UTF-8";:root{--cloud-size: 500px}main>div>div>div{height:calc(100vh - 55.05px)}.login-animation{position:relative}.login-animation svg g:after{content:"";width:150px;height:150px;position:absolute;background:red;top:10%;right:5%}.bg-login{position:relative;background-color:#fff}.logo{height:100px;width:120px;margin:20px auto 40px;mix-blend-mode:multiply}.form-container{color:#000;font-weight:600;background-color:#ececec;display:flex;flex-direction:column;padding-top:10%}.form-container button{background:#004d80;color:#fff;transition:all .2s}.form-container button:hover{background:#026bb1;color:#fff}.bubbles{position:absolute;width:100%;height:100%;z-index:0;overflow:hidden;top:0;left:0}.bubble{position:absolute;bottom:-100px;width:40px;height:40px;border-radius:50%;opacity:.5;animation:rise 10s infinite ease-in}.bubble:nth-child(1){width:40px;height:40px;left:10%;animation-duration:8s}.bubble:nth-child(2){width:20px;height:20px;left:20%;animation-duration:5s;animation-delay:1s}.bubble:nth-child(3){width:50px;height:50px;left:35%;animation-duration:7s;animation-delay:2s}.bubble:nth-child(4){width:80px;height:80px;left:50%;animation-duration:11s;animation-delay:0s}.bubble:nth-child(5){width:35px;height:35px;left:55%;animation-duration:6s;animation-delay:1s}.bubble:nth-child(6){width:45px;height:45px;left:65%;animation-duration:8s;animation-delay:3s}.bubble:nth-child(7){width:90px;height:90px;left:70%;animation-duration:12s;animation-delay:2s}.bubble:nth-child(8){width:25px;height:25px;left:80%;animation-duration:6s;animation-delay:2s}.bubble:nth-child(9){width:15px;height:15px;left:70%;animation-duration:5s;animation-delay:1s}.bubble:nth-child(10){width:90px;height:90px;left:25%;animation-duration:10s;animation-delay:4s}@keyframes rise{0%{bottom:-100px;transform:translate(0)}50%{transform:translate(100px)}to{bottom:1080px;transform:translate(-200px)}}#cloud{width:var(--cloud-size);height:calc(var(--cloud-size) * .36);background:#f2f9fe;background:-webkit-linear-gradient(#f2f9fe 5%,#d6f0fd 100%);background:-moz-linear-gradient(#f2f9fe 5%,#d6f0fd 100%);background:-o-linear-gradient(#f2f9fe 5%,#d6f0fd 100%);background:linear-gradient(#f2f9fe 5%,#d6f0fd);border-radius:calc(var(--cloud-size) * .28);position:relative;margin:calc(var(--cloud-size) * .72) auto calc(var(--cloud-size) * .4)}#cloud:after,#cloud:before{content:"";position:absolute;background:#f2f9fe;z-index:-1}#cloud:after{width:calc(var(--cloud-size) * .28);height:calc(var(--cloud-size) * .28);top:calc(var(--cloud-size) * -.14);left:calc(var(--cloud-size) * .14);border-radius:calc(var(--cloud-size) * .28)}#cloud:before{width:calc(var(--cloud-size) * .504);height:calc(var(--cloud-size) * .504);top:calc(var(--cloud-size) * -.252);right:calc(var(--cloud-size) * .14);border-radius:calc(var(--cloud-size) * .4)}.shadow{width:calc(var(--cloud-size) * .8);position:absolute;bottom:calc(var(--cloud-size) * -.032);left:calc(var(--cloud-size) * .052);background:#000;z-index:-1;-webkit-box-shadow:0 0 calc(var(--cloud-size) * .06) calc(var(--cloud-size) * .02) rgba(0,0,0,.4);box-shadow:0 0 calc(var(--cloud-size) * .06) calc(var(--cloud-size) * .012) #0000004d;border-radius:50%}