@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
@import url("https://gistcdn.githack.com/mfd/09b70eb47474836f25a21660282ce0fd/raw/e06a670afcb2b861ed2ac4a1ef752d062ef6b46b/Gilroy.css");

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

@layer components {
  .font-title {
    font-family: "Gilroy", sans-serif;
  }
  .right-arrow,
  .left-arrow {
    cursor: pointer;
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding: 10px 15px 10px 10px;
    position: relative;
    text-decoration: none;
  }

  .right-arrow:before,
  .right-arrow:after {
    border-right: 3px solid white;
    border-radius: 999px;
    content: "";
    display: block;
    height: 31px;
    margin-top: -22px;
    position: absolute;
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    right: 10px;
    top: 50%;
    width: 0;
  }

  .left-arrow:before,
  .left-arrow:after {
    border-right: 3px solid white;
    border-radius: 999px;
    content: "";
    display: block;
    height: 31px;
    margin-top: -22px;
    position: absolute;
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    right: 10px;
    top: 50%;
    width: 0;
  }

  .right-arrow:after {
    margin-top: -1px;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .left-arrow:after {
    margin-top: -1px;
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

.animate-ping-3s {
  @apply animate-ping;
  animation-duration: 3s;
}

body {
  /* font-family: "Inter", sans-serif; */
  font-family: "Gilroy", sans-serif;
  background: #1e1530;
}
