@import "tailwindcss";

html{
  font-family: "Sora", sans-serif;
  
}
button{
  @apply cursor-pointer min-w-[5rem] rounded-full bg-yellow-200 p-2 text-black font-bold;
}
tr{
   @apply border-b border-gray-400;
}

 input[type='range'] {
    overflow: hidden;
    /* width: 80px; */
    -webkit-appearance: none;
    background-color: #b8b8b8;
  }
  
  input[type='range']::-webkit-slider-runnable-track {
    height: 20px;
    -webkit-appearance: none;
    color: #505050;
    margin-top: -1px;
  }
  
  input[type='range']::-webkit-slider-thumb {
    width: 20px;
    -webkit-appearance: none;
    height: 20px;
    cursor: ew-resize;
    background: #15ff00;
    box-shadow: -80px 0 0 80px #43e5f7;
  }