body {
    background-color: #dfcdc3;
    color: #47240d;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.emojis {
    width: 20px;
    height: 20px;
}
#arrow-btn {
    float: left;
    margin: 15px;
}
#langbtn {
    float: right;
    margin: 15px;
    background-color: transparent;
    border: 1px solid transparent;
}
#langbtn:hover {
    transform: translateY(5px);
}
#title {
    text-align: center;
}
#cards-div {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
}
.cards {
    background-color: #fce9e3;
    width: 300px;
    height: auto;
    border: 1px solid #fce9e3;
    border-radius: 10px;
    box-shadow: 1px 2px 3px #47240d3b;
    text-align: center; 
}
@font-face {
  font-family: "Minecraftia";
  src: url("fonts/Minecraftia-Regular.ttf");
}
.request {
  font-family: "Minecraftia", monospace;
  font-size: 13px;
  color:#47240d;
  clip-path: polygon(
    2px 0, calc(100% - 2px) 0, 100% 2px, 100% calc(100% - 2px),
    calc(100% - 2px) 100%, 2px 100%, 0 calc(100% - 2px), 0 2px
  );
  cursor: pointer;
  border:2px solid #47240d;
  height: 30px;
  padding:5px;
  background-color: #cab0a0;
}
.request:hover {
  transform: translateY(6px);
}
#center {
    display: flex;
    justify-content: center;
}
#custom {
      font-family: "Minecraftia", monospace;
      font-size: 13px;
      color:#47240d;
      clip-path: polygon(
        2px 0, calc(100% - 2px) 0, 100% 2px, 100% calc(100% - 2px),
        calc(100% - 2px) 100%, 2px 100%, 0 calc(100% - 2px), 0 2px
      );
      cursor: pointer;
      border:2px solid #47240d;
      height: 40px;
      padding:5px;
      background-color: #cab0a0; 
}
#custom:hover {
    transform: translateY(6px);
}
#footer {
    background-color: #c0aa9f;
    text-align: center;
}