@import "tailwindcss";

@tailwind utilities;


@theme {
    --color-profissional-blue-50: #4888D7;
    --color-profissional-blue-100: #256ABE;
    --color-profissional-blue-200: #003A81;
    --color-profissional-blue-300: #00357D;
    --color-profissional-blue-400: #002C68;
    --color-profissional-blue-500: #002353;
    --color-hero: #F9FBFF;
    --color-services: #FBFCFC;
    --breakpoint-3xl: 112rem;
}

.back{
  background-image: url("/src/assets/back.png");
  width: full;
}

.borda{
  border-style: solid;
  border-width: 0px 23px;
  border-color: #FFFFFF;
}

@keyframes scroll {
  0% {
    transform: translateX(0%);
  }

  100% {
    transform: translateX(-50%);
  }
}

.animate-scroll {
  animation: scroll 30s linear infinite;
}