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

.container {
  display: flex;
  flex-direction: column;


}


.rotating-slowtext-container {
  /* margin-top: 50%; */
  font-weight: bold;
  color: #3427e3;
  text-align: center;
  transform-origin:  start;
  font-size: 36px;
  animation: spinslow 3s linear infinite;
  /* 鼠标悬停在linear infinite，点击MDN Reference查看更多效果 */
}

@keyframes spinslow {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.rotating-slowtext-container2 {
  /* margin-top: 50%; */
  font-weight: bold;
  color: #27e330;
  text-align: left;
  transform-origin:  start;
  font-size: 36px;
  animation: spinslow 10s linear infinite;
  /* 鼠标悬停在linear infinite，点击MDN Reference查看更多效果 */
}

.marquee1{
  font-size: 90px;
  font-family: Arial, Helvetica, sans-serif;
  color:#fffd72
}

.marquee2{
  font-size: 42px;
  font-family: Arial, Helvetica, sans-serif;
  color:#dea5e9
}

.qbg{
  background-color: #0debfb;
  color:white;
  font-size: 30px;
  font-family: fantasy;
  margin:10px;
  border-radius: 20%;
  text-align: center;
 
}

.rotating-med-container{
 
  font-weight: bold;
  color: #3427e3;
  text-align: center;
  transform:rotate3d(0,10);
  animation: spinslow 5s linear infinite;

}


.rotating-med-container1{
 
  font-weight: bold;
  color: #fb0de3;
  /* text-align: right; */
  font-size: 32px;
  animation: spinslow 10s linear infinite;

}



.rotating-fasttext-container1 {
  margin-top: 5%;
  font-weight: bold;
  color: #1908d2;
  text-align: center;
  transform-origin:  start;
  animation: spinslow 0.2s linear infinite;
  /* 鼠标悬停在linear infinite，点击MDN Reference查看更多效果 */
}

@keyframes spinfast {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.sheep {
  background-color: rgb(224, 51, 233);
  font-size:20px;
  color:#d2c7ed;
  font-family: cursive;
  text-align: center;
  animation: myAnimation; 
  padding: 10px;
  border-radius: 20px;
}





.sheepmarc {
  background-color: #b0e9a5;
  font-size: 20px;
  color: #1908d2;
padding:20px;
}

.fries {
  background-color: rgb(255, 234, 0);
  font: 300px;
  color: #ff0000;;
  text-align: center;
  font-size:20px;
  font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  border-radius: 20px;
}