.circle{border-radius:50%;background:#000;filter:drop-shadow(0 0 10px rgb(66,66,66))}.circle,.dashed{width:50px;height:50px}.dashed{border:2px dashed gray;border-radius:50%;animation:spin 5s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.lighthouse{width:50px;height:50px;animation:morph 5s linear infinite;background:linear-gradient(150deg,#fff,1%,cyan,#ff4500)}@keyframes morph{0%{border-radius:40% 60% 70% 30%/30% 70% 60% 40%;transform:translate(0) scale(1)}15%{border-radius:30% 70% 40% 60%/60% 40% 70% 30%;transform:translate(5px,-12px) scale(1.1)}25%{border-radius:60% 40% 50% 50%/50% 60% 40% 60%;transform:translate(-12px,5px) scale(1.1)}35%{border-radius:30% 70% 50% 50%/60% 50% 50% 40%;transform:translate(-12px,-5px) scale(1.1)}45%{border-radius:50% 50% 70% 30%/60% 40% 30% 70%;transform:translate(5px,12px) scale(1.1)}55%{border-radius:50% 50% 60% 40%/60% 50% 40% 50%;transform:translate(12px,-7px) scale(1.2)}65%{border-radius:60% 40% 70% 30%/40% 60% 30% 70%;transform:translate(-12px,7px) scale(1.1)}75%{border-radius:70% 30% 40% 60%/40% 60% 30% 70%;transform:translate(-5px,-12px) scale(1.1)}85%{border-radius:40% 60% 50% 50%/60% 40% 50% 50%;transform:translate(5px,5px) scale(1.1)}to{border-radius:40% 60% 70% 30%/30% 70% 60% 40%;transform:translate(0) scale(1)}}.triangle{width:50px;height:50px;background:#000;filter:blur(10px);-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%);animation:scale 2s linear infinite}@keyframes scale{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:0}99%{transform:scale(1.5);opacity:0}to{transform:scale(1);opacity:1}}.button{width:120px;height:40px;background:blue;color:#fff;border-radius:25px;align-self:center;transition:all .2s ease;&:hover{background:#000;color:#fff;cursor:pointer}}