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

html,
body {
  overscroll-behavior: none;
}

.rotating-text-container {
  margin-top: 50%;
  font-weight: bold;
  font-size: xx-large;
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;

  color: #333;
  text-align: center;
  transform-origin: center center;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes colorChange {
  0% {
    color:aqua;
  }
  50% {
    color:blueviolet;
  }
  100% {
    color:aqua;
  }
}
@keyframes colorChange2 {
  0% {
    color:black;
  }
  50% {
    color:aqua;
  }
  100% {
    color:black;
  }
}
.weird{
 font-size: x-large;

color:aqua
}

.weird1{
 font-size: 800px;
color:blue;

  animation: colorChange 1s linear infinite;

}
.weird2{
 font-size: 9px;
color:blueviolet

}
.weird3{
 font-size: 56px;

color:aquamarine
}

p{
  font-weight: 600;
}

.bgcolor{
  background-color: rgb(218, 196, 238);
}

.flowers{
  font-size: 20%;
  
}