/* 明滅アニメーションの設定 */
@keyframes blink {
	0%, 100% {
	opacity: 1; /* 不透明 */
	}
	50% {
		opacity: 0; /* 完全に透明 */
         }
	}

.blinking-text {
	animation: blink 3s infinite; /* アニメーションの適用 */
     }




/* ============ぐるぐるまわる============== */

							
/* KEYFRAMES */
@keyframes spin {
  from {transform: rotate(0);}
  to{transform: rotate(359deg);}
}

/* GRID STYLING */

* {box-sizing: border-box;}

.spinner-box {
  border:0px solid #000;
  margin:0 auto -300px;
  padding:0;
  width: 120px;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: *transparent;
}


/* ALTERNATING ORBITS */

.circle-border {
  width: 100px;
  height: 100px;
  padding: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: rgb(63,249,220);
  background: linear-gradient(0deg, rgba(0,0,0,0.1) 33%, rgba(0,0,0,1) 100%);
  animation: spin .8s linear 0s infinite;
}

.circle-core {
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 50%;