@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');


*{
    font-family: 'Inter Tight', 'Arial' !important;
}

.navbar .nav-link{
    margin-left: 5px;
    width: 10vh;
    text-align: center;
    transition: 300ms all cubic-bezier(0,.97,.99,1.22);
    border-radius: 10px;
}

.navbar .nav-link:hover{
    background-color: rgb(251, 125, 112);
}

.active{
    color: salmon !important;
    border: 1px solid salmon;
    border-radius: 10px;
}

.active:hover{
    background-color: salmon;
    color: white !important;
}

.nigga{
    min-height: 30vh;
    padding: 30px;
    margin-top: 40px;
    border-radius: 20px;
    border: 1px solid rgb(89, 89, 89);
}

.nigga .content{
    margin: 20px;
}

.ip{
    filter: blur(5px);
    border-radius: 4px;
    transition: 200ms all;
}

.ip:hover{
    filter: none;
}

.food-history-card {
    background-color: #212529; /* Dark background color */
    border-radius: 1rem; /* Softer rounded corners */
  }

  .food-image-wrapper {
    width: 100%;
    height: 100px;
    border-radius: 0.75rem;
    overflow: hidden; /* This makes the border-radius apply to the image */
  }

  .food-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* This crops the image to fit without stretching */
  }
  
  .stat-label {
    font-size: 0.9rem;
    color: #adb5bd; /* A muted grey for the label */
  }