.swal2-popup {
    background-color: #b6b09d !important;
  }

  /* Your CSS code here */
  .my-div {
    font-size: 16px;
  }

  @media screen and (max-width: 1000px) {
    .my-div {
      font-size: 25px;
    }
  }

  div.testClass:hover {
    color: #212529;
  }

  a {
    text-decoration: none;
  }

  input::-webkit-outer-spin-button,
  input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0;
    /* <-- Apparently some margin are still there even though it's hidden */
  }

  input[type=number] {
    -moz-appearance: textfield;
    /* Firefox */
  }

  .datepicker-picker {
    background-color: #d9d3c0 !important;
  }

  .underline-page.active {
    border-bottom: 3px solid #333840;
    padding-bottom: 5px;
  }

  a.font-sans:hover{
    color: #333840 !important;
  }


  @import url('https://fonts.cdnfonts.com/css/anthro');