.text-small{
  font-size: .7rem !important;
  line-height: 18px !important;
}
.card-width{
  width: 107px ;
}
.border-height{
  height: 140px;
  width: 138px;
}
.image-size{
  height: 32rem;
}
.border-b-w{
  border-bottom-width: 20px!important;
}
.border-primary{
  border-color: #34d399;
}
.text-primary{
  color: #34d399;
}
.bg-primary{
  background-color: #34d399;
}
body{
  overflow-x: hidden;
}
.blurr-section{
  position: relative; 
  bottom: 4em;
  height: 42px;
  background: -webkit-linear-gradient(
      rgba(255, 255, 255, 0) 0%,
      rgb(209, 213, 219) 100%
  ); 
}

@media (max-width: 520px) {
  .container{
    width: 90%;
  }
  .image-size{
    height: 28rem;
    width: 22rem;
  }
}
@tailwind base;
@tailwind components;
@tailwind utilities;


/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *






 */