*{margin:0;padding:0;box-sizing:border-box}body{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background:#000000;color:#fff}.logo-box{position:absolute;margin:0 10px;top:15%;width:250px;height:250px;display:flex;justify-content:center;align-items:center}.square{position:absolute;margin:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.square span:nth-child(1),.square span:nth-child(4){position:absolute;top:0;left:0;width:100%;height:100%;border-radius:32% 58% 69% 43%/48% 32% 59% 55%;transition:.5s;animation:animate 6s linear infinite}.square span:nth-child(2),.square span:nth-child(5){position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid black;border-radius:38% 62% 63% 37%/41% 44% 56% 59%;transition:.5s;animation:animate 4s linear infinite}.square span:nth-child(3),.square span:nth-child(6){position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid black;border-radius:31% 45% 74% 35%/38% 56% 51% 87%;transition:.5s;animation:animate2 16s linear infinite}.square span:nth-child(1),.square span:nth-child(2),.square span:nth-child(3){background:transparent;box-shadow:0 0 #000,0 0 2px #000,0 0 6px #fff,0 0 8px #0ff,0 0 14px #0af,0 0 62px #00f}.square span:nth-child(4),.square span:nth-child(5),.square span:nth-child(6){border:none;background:rgb(0,128,255)}.content{position:relative;padding:40px 60px;color:#fff;text-align:center;transition:.5s;z-index:1000}.content a{position:relative;display:inline-block;margin-top:10px;border:2px solid #fff;padding:6px 18px;text-decoration:none;color:#fff;font-weight:600;border-radius:73% 27% 44% 56%/49% 44% 56% 51%}.content a:hover{background:white;color:#333}@keyframes animate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes animate2{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.linkedin:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,#9c27b0,#ff9800);mix-blend-mode:hard-light;opacity:.4}