@tailwind base;
@tailwind components;
@tailwind utilities;

body{
  background-color: #FDE2DE;
  overflow-x: hidden;
}
.text-stroke-3 {
  text-shadow: -1px -1px 0 #95743D, 2px -1px 0 #95743D, -1px 2px 0 #95743D, 1px 1px 0 #95743D;
} 
/*== logo ==*/
.circle{
    animation: animate 17.5s linear infinite;
}
@keyframes animate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.letter {
  transform-origin: 0 50px;
}

@media (min-width: 765px){
  .letter {
    transform-origin: 0 70px;
  }
}