@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("https://fonts.googleapis.com/css2?family=Roboto");
  font-display: swap;
}

@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;600&display=swap');

blockquote {
  // @apply border-l;
  @apply border-l-4;
  @apply border-l-blue-500;
  @apply pl-4;
  @apply italic;
  @apply my-8;
  p {
    padding: 0 !important;
  }
}

body {
  font-family: "Roboto", sans-serif;
}

h1, h2 {
  font-family: "Roboto", sans-serif !important;
}

// tft page
.tft_section h2{
  font-family: 'Oswald', sans-serif !important;
}
.tft_subtitle{
  font-family: 'Oswald', sans-serif;
  font-weight: 400 !important;
  
}

.post-card-excerpt,
.post-content-text {
  font-family: "Poppins", sans-serif !important;
  line-height: 1.7;
}

.post-content-text h2 {
  font-family: "Poppins", sans-serif !important;
  line-height: 1.5;
}

body {
  padding-top: 60px;
}

.act-link {
  @apply bg-gray-300;
}

pre {
  // @apply border-l;
  @apply border-l-2;
  @apply border-l-gray-500;
  @apply pl-4;
  @apply mt-4;
  @apply text-base;
  @apply break-words;
  @apply overflow-x-auto;
}

@tailwind base;
ol {
  @apply list-decimal;
  @apply ml-5;
}

ul {
  @apply list-disc;
  @apply ml-5;
}

:not(pre) > code {
  @apply text-red-600;
  @apply text-base;
}

@tailwind components;
@tailwind utilities;
@responsive {
  .pxi-0 {
    @apply px-0 #{!important};
  }
  .pyi-0 {
    @apply py-0 #{!important};
  }
  .pi-0 {
    @apply p-0 #{!important};
  }
}

.animated-link:after {
  content: "";
  width: 0px;
  height: 1px;
  display: block;
  transition: 300ms;
  @apply bg-gray-500;
}

.footerlink {
  margin-left: 0rem !important;
}

// .animated-link:hover:after {
//     width: 100%;
// }
.height-30px {
  height: 30px;
}

.text-3xl {
  font-size: 2.5rem;
}

.no-border {
  border-width: 0px !important;
}

.flex-post {
  // @apply border-b;
  @apply border-b-gray-300;
  @apply flex-col;
  @apply w-full;
  .post-card-image {
    // @apply h-56;
    @apply h-full;
    @apply w-full;
    @apply object-cover;
    @apply rounded;
    @apply relative;
  }
  .post-card-title {
    @apply leading-none;
    @apply text-2xl;
    @apply font-medium;
  }
  .post-card-excerpt {
    @apply font-serif;
  }
}

.author-list-item:nth-child(n + 2) {
  @apply -ml-3;
}

button:focus {
  outline: none;
}

.telegram_icon {
  font-size: 1.2rem;
}

.post-content a {
  color: #4ec48f;
}

.text-8xl {
  font-size: 5rem;
  line-height: 1;
  font-family: "Roboto", sans-serif !important;
}

.text-9xl {
  font-size: 8rem;
  line-height: 1;
  
}

text-6xl {
  font-family: "Roboto", sans-serif !important;
}

text-5xl {
  font-family: "Roboto", sans-serif !important;
}

@media (min-width: 375px) {
  .text-3xl {
    font-size: 2.25rem;
  }
}

@media (min-width: 768px) {
  .with-large > .flex-post:nth-child(5n),
  .with-large > .flex-post:nth-child(5n-1) {
    // @apply flex-100;
    flex: 1 1 50%;
    @apply flex-col;
    .post-card-image-link {
      @apply relative;
      min-height: 400px;
    }
    .post-card-image {
      @apply absolute;
      @apply h-full;
      @apply w-full;
      @apply object-cover;
      @apply rounded-lg;
    }
    .post-card-content {
      // @apply flex-post-large-content;
      flex: 0 1 auto;
      @apply self-center;
    }
    .post-card-title {
      @apply text-4xl;
    }
    .post-card-excerpt {
      @apply text-xl;
    }
  }
  .news > .flex-post:nth-child(5n),
  .news > .flex-post:nth-child(5n-1) {
    // @apply flex-100;
    flex: 1 1 50%;
    @apply flex-col;
    .post-card-image-link {
      @apply relative;
      min-height: 300px;
    }
    .post-card-image {
      @apply absolute;
      @apply h-full;
      @apply w-full;
      @apply object-cover;
      @apply rounded-lg;
    }
    .post-card-content {
      // @apply flex-post-large-content;
      flex: 0 1 auto;
      @apply self-center;
    }
    .post-card-title {
      @apply text-4xl;
    }
    .post-card-excerpt {
      @apply text-xl;
    }
  }
  .text-3xl {
    font-size: 2.5rem;
  }
  // .news>.flex-post:nth-child(9n+1),
  // .news>.flex-post:nth-child(9n+2) {
  //     // @apply flex-100;
  //     flex: 1 1 50%;
  //     @apply flex-col;
  //     .post-card-image-link {
  //         @apply relative;
  //         min-height: 300px;
  //     }
  //     .post-card-image {
  //         @apply absolute;
  //         @apply h-full;
  //         @apply w-full;
  //         @apply object-cover;
  //         @apply rounded-lg;
  //     }
  //     .post-card-content {
  //         // @apply flex-post-large-content;
  //         flex: 0 1 auto;
  //         @apply self-center;
  //     }
  //     .post-card-title {
  //         @apply text-4xl;
  //     }
  //     .post-card-excerpt {
  //         @apply text-xl;
  //     }
  // }
  // .news>.flex-post:nth-child(9n+3),
  // .news>.flex-post:nth-child(9n+4),
  // .news>.flex-post:nth-child(9n+5) {
  //     // @apply flex-100;
  //     flex: 1 1 300px;
  //     @apply flex-col;
  //     .post-card-image-link {
  //         @apply relative;
  //         min-height: 180px;
  //     }
  //     .post-card-image {
  //         @apply absolute;
  //         @apply h-full;
  //         @apply w-full;
  //         @apply object-cover;
  //         @apply rounded-lg;
  //     }
  //     .post-card-content {
  //         // @apply flex-post-large-content;
  //         flex: 0 1 auto;
  //         @apply self-center;
  //     }
  //     .post-card-title {
  //         @apply text-4xl;
  //     }
  //     .post-card-excerpt {
  //         @apply text-xl;
  //     }
  // }
  // .news>.flex-post:nth-child(9n+6),
  // .news>.flex-post:nth-child(9n+7),
  // .news>.flex-post:nth-child(9n+8),
  // .news>.flex-post:nth-child(9n+9) {
  //     // @apply flex-100;
  //     flex: 1 1 250px;
  //     @apply flex-col;
  //     .post-card-image-link {
  //         @apply relative;
  //         min-height: 300px;
  //     }
  //     .post-card-image {
  //         @apply absolute;
  //         @apply h-full;
  //         @apply w-full;
  //         @apply object-cover;
  //         @apply rounded-lg;
  //     }
  //     .post-card-content {
  //         // @apply flex-post-large-content;
  //         flex: 0 1 auto;
  //         @apply self-center;
  //     }
  //     .post-card-title {
  //         @apply text-4xl;
  //     }
  //     .post-card-excerpt {
  //         @apply text-xl;
  //     }
  // }
}

// body[data-theme="dark"] {
//   background-color: #191b1f;
//   @apply text-gray-300;
//   .post-content-text {
//     @apply text-gray-300;
//   }
//   .brandpanel {
//     background-color: #1072ba !important;
// }
//   .text-gray-700,
//   .text-gray-900 {
//     @apply text-white;
//   }
//   .lg\:shadow-lg {
//     box-shadow: 0 20px 25px -5px rgba(255, 255, 255, 0.1),
//       0 10px 10px -5px rgba(255, 255, 255, 0.04);
//   }
//   .learn-button {
//     background-color: #c4c4c4;
//     @apply text-gray-900;
//     &:hover {
//       @apply bg-gray-300;
//     }
//   }
//   .text-indigo-600 {
//     @apply text-white;
//   }
//   .inset-0,
//   input[type="text"] {
//     background-color: #191b1f;
//   }
//   .bg-white,
//   .bg-gray-100,
//   .bg-gray-200 {
//     background-color: #191b1f;
//   }
//   .post-card-excerpt {
//     @apply text-gray-500;
//   }
//   .pagination li {
//     @apply bg-gray-700;
//     @apply text-gray-200;
//     @apply border-gray-600;
//     &:hover {
//       @apply bg-gray-600;
//       @apply text-gray-900;
//     }
//   }
//   .pagination li.border-l-black {
//     @apply border-l-gray-300;
//   }
//   pre {
//     @apply text-gray-500;
//   }
//   .flex-post {
//     @apply border-b-gray-800;
//   }
//   .author-list-item img {
//     border-color: #191b1f;
//   }
//   .author-social {
//     a {
//       &:hover {
//         @apply text-white;
//       }
//     }
//   }
// }