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


html{
  overflow-x: hidden;
}
body{
  overflow-x: hidden;
}
/*===== general setup =====*/
input[type="email"], input[type="password"], input[type="text"], input[type="tel"]{
  @apply border p-2 block my-2 w-full rounded-md outline-none border-[#DCA0AE]
}
/*===== strokel =====*/
.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;
}
/*===== profile =====*/
div.tabs > *{
  @apply py-1 px-2 sm:py-2 sm:px-3 bg-gray-200 text-gray-700 rounded-md text-sm sm:text-base 
}
div.tabs > *.active{
  @apply bg-pink-500 text-white font-semibold
}



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

