@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Mono:wght@100..900&display=swap')

body{
    font-family: "Noto Sans Mono", monospace!important;
}

@keyframes shake {
    0% { transform: translateX(0); }
    25% { transform: translateX(-5px); }
    50% { transform: translateX(5px); }
    75% { transform: translateX(-5px); }
    100% { transform: translateX(0); }
  }
  
  /* Aplicar la animación shake al elemento */
  .shake {
    animation: shake 0.5s;
    animation-timing-function: ease-in-out;
  }

.w-400px{
  width:400px;
}
.w-300px{
  width: 300px;
}
.w-640px{
  width: 640px;
}

.material-icons {
  vertical-align: middle;
  font-size: 0.8em;
  /* Adjust the size as needed */
  margin-right: 5px;
  /* Optional spacing between icon and text */
}

.clickable {
  cursor: pointer;
}

.icon-svg{
  height: 20px;
  margin-left: 5px;
  margin-right: 5px;
  filter: invert(0.5);
  vertical-align: middle;
}

.bi-prtada-item{
  width:400px;
}