@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../font/Roboto-Regular.ttf") format("truetype");
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

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

.custom-card {
  width: 16em;
  height: 9em;
  max-width: 15em;
  max-height: 15em;
}

.custom-card:hover{
  z-index: 1000;
  transform: scale(1.25);
}
.hr {
  height: 2px;
  background-color: rgba(135, 187, 151, 0.25);
  width: 65%;
  margin: 3rem auto;
}