@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');@tailwind base;
@tailwind components;
@tailwind utilities;

@font-face {
  font-family: 'AtlasGrotesk';
  src: url(/assets/AtlasGrotesk_Regular-72302ab9.otf) format('opentype');
}

html {
  font-family: 'AtlasGrotesk';
  scroll-behavior: smooth;
}

section {
  max-width: 1251px;
  margin: auto;
}

.half-border {
  padding: 0;
  margin: 0;
  height: 50%;
}

input::placeholder {
  color: rgb(0, 0, 0, 0.7);
}
textarea::placeholder {
  color: rgb(0, 0, 0, 0.7);
}

/* border bottom 80 of it width */
.border-b-80::after {
  content: '';
  position: absolute;
  left: 10%;
  right: 5%;
  height: 2px;
  background-color: rgba(243, 244, 246, 0.7);
  margin: auto;
  z-index: -2;
}