body {
    font-family: Arial, Helvetica, sans-serif;
  }
  
  .spacer-2xs {
    margin: 5px 0;
  }
  
  .spacer-xs {
    margin: 10px 0;
  }
  .spacer-s {
    margin: 25px 0;
  }
  .spacer-m {
    margin: 75px 0;
  }
  .spacer-l {
    margin: 100px 0;
  }
  .spacer-xl {
    margin: 250px 0;
  }
  .spacer-2xl {
    margin: 500px 0;
  }
  
  h1 {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  
  .font-bold {
    font-weight: 600;
  }
  
  .text-center {
    display: flex;
    justify-content: center;
  }
  
  .full-centering {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  
  /* Center element horizontally */
  .mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  
  /* Text colors */
  .text-red {
    color: #f00; /* Adjust this to match Tailwind's exact red color */
  }
  
  .text-blue {
    color: #00f; /* Adjust this to match Tailwind's exact blue color */
  }
  
  .text-green {
    color: #0f0; /* Adjust this to match Tailwind's exact green color */
  }
  
  .text-black {
    color: #000;
  }
  
  .text-white {
    color: #fff;
  }
  
  /* Text sizes */
  .text-xs {
    font-size: 0.75rem; /* 12px */
  }
  
  .text-sm {
    font-size: 0.875rem; /* 14px */
  }
  
  .text-base {
    font-size: 1rem; /* 16px */
  }
  
  .text-lg {
    font-size: 1.125rem; /* 18px */
  }
  
  .text-xl {
    font-size: 1.25rem; /* 20px */
  }
  
  .text-2xl {
    font-size: 1.5rem; /* 24px */
  }
  
  .text-3xl {
    font-size: 1.875rem; /* 30px */
  }
  
  .text-4xl {
    font-size: 2.25rem; /* 36px */
  }


.btn {
  background-color: #405cf5;
  border-radius: 6px;
  border-width: 0;
  color: #fff;
  height: 44px;
  margin: 12px 0 0;
  padding: 0 25px;
  transition: all .2s,box-shadow .08s ease-in;
}
.btn:hover{
    background-color: #4d67f7;
}
.btn:focus {
  box-shadow: rgba(50, 50, 93, .1) 0 0 0 1px inset, rgba(50, 50, 93, .2) 0 6px 15px 0, rgba(0, 0, 0, .1) 0 2px 2px 0, rgba(50, 151, 211, .3) 0 0 0 4px;
}

.text-cross{
    text-decoration: line-through;
}

.standard-btn:hover{
background-color: rgb(221, 221, 221);
}