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

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family:  Arial, Helvetica, sans-serif !important;
}
#headline {
  background: linear-gradient(to bottom, #000 64%, #f1f1f1 );
  -webkit-background-clip: text;
  color: transparent;
  background-size: 200% auto;
  background-clip: text;
}
#sub-headline {
  background: linear-gradient(to bottom,
   #0a673c 64%,
    #f1f1f1 );
  -webkit-background-clip: text;
  color: transparent;
  background-size: 200% auto;
  background-clip: text;
}
#footer-headline {
  /* background: linear-gradient(
    to right, 
    green,
  blue,
  pink
  ); */
  background: linear-gradient(to bottom right,
   #0a673c 64%,
   #0a673c 60%,
   #0a673c 60%,
   #dfdfdf8f 
     );
}
#gradient-span {
  background: linear-gradient(to bottom, gray 64%, #f1f1f1 );
  -webkit-background-clip: text;
  color: transparent;
  background-size: 200% auto;
  background-clip: text;
}
.animatedimg {
  position: relative;
  display: flex;
  flex-direction: column;
  inset: 0;
}
.search {
  display: flex;
  padding: 0 2.4rem;
  justify-content: center;
}

.masonry {
  max-width: 1200px;
  margin: 20px auto;
  /* columns: 4; */
  column-gap: 1em;
}

.masonry .box img {
  border-radius: .4em !important;
}