* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  overscroll-behavior: none;
  background-color: #fff8d70f;
}

.rotating-text-container {
  margin-top: 10%;
  font-weight: bold;
  color: #35ff75;
  text-align: center;
  transform-origin: center center;
  animation: spin 1s linear infinite ;
  /* 鼠标悬停在linear infinite，点击MDN Reference查看更多效果 */
}



@keyframes spin {
  from { rotate: 0deg; }
  to { rotate: 360deg; }
}
ea{
  font-size: 40px;
}


.box1 {
  width: 300px;
  height: 200px;
  border-radius: 20px;
  background-color: #fcff3f93;
  display: flex;
  justify-content: center;
  align-items: center;
}

.box2 {
  width: 300px;
  height: 200px;
  border-radius: 20px;
  background-color: #ff44699b;
  display: flex;
  justify-content: center;
  align-items: center;
}

.box3 {
  width: 300px;
  height: 200px;
  border-radius: 20px;
  background-color: #92838680;
  display: flex;
  justify-content: center;
  align-items: center;
}



.box4 {
  width: 300px;
  height: 200px;
  border-radius: 20px;
  background-color: #ff003380;
  display: flex;
  justify-content: center;
  align-items: center;
}

.boxrow {
  text-align:flex;
  background-color: #92ff449b;
  align-items: center;
  margin-left: 100px;
}