@keyframes animate{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes animate2{0%{transform:rotate(360deg)}to{transform:rotate(0deg)}}.square{position:relative;margin:40px 60px;width:300px;height:300px;display:flex;justify-content:center;align-items:center}@media screen and (max-width:500px){.square{transform:scale(.9);margin:40px 0}}@media screen and (orientation:landscape) and (max-width:1199px){.square{transform:scale(.9);margin:40px 0}}.square span:nth-child(1){background:#b265c9;border-radius:32% 58% 69% 43%/48% 32% 59% 55%;animation:animate 6s linear infinite}.square span:nth-child(1),.square span:nth-child(2),.square span:nth-child(3){position:absolute;top:0;left:0;width:100%;height:100%;transition:.5s}.square span:nth-child(2){background:#8f39a9;border-radius:38% 62% 63% 37%/41% 44% 56% 59%;animation:animate 4s linear infinite}.square span:nth-child(3){background:#9f3fbc;border-radius:31% 45% 74% 35%/38% 56% 51% 87%;animation:animate2 10s linear infinite}.content,.content a{position:relative;color:#fff}.content{padding:40px 60px;text-align:center;transition:.5s;z-index:1000}.content a{display:inline-block;margin-top:10px;border:2px solid #fff;padding:6px 18px;text-decoration:none;font-weight:600;border-radius:73% 27% 44% 56%/49% 44% 56% 51%}#floaty{width:300px;height:300px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.movingWord{font-family:"BubblyFont";font-size:large;position:absolute;transform:translate(-50%,-50%)}