@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap');
:root {
  --primary: #2f89fc;
  --secondary: #0e153a;
}
body {
  font-family: 'Poppins', sans-serif !important;
}
.custom-card {
  max-width: 20rem;
}
@media (max-width: 768px) {
  .custom-card {
    width: 75%;
    margin: 15px auto;
  }
}
.cover {
  object-fit: cover;
  position: absolute;
  width: 100%;
  height: 100%;
  filter: brightness(0.6);
  z-index: -1;
}
.custom-cover-description {
  position: absolute;
  right: 20px;
  bottom: 10px;
  color: #d3d3d3;
  font-weight: 600 !important;
}

@media (max-width: 768px) {
  .custom-layout-email{
    width: 75% !important;
  }
}