.tailwind-button {
    display: inline-flex;
    cursor: pointer;
    color: white;
    margin: 0 auto;
    position: relative;
    text-decoration: none;
    font-weight: 600;
    border-radius: 6px;
    overflow: hidden;
    padding: 3px;
    isolation: isolate;
  }
  
  .tailwind-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: linear-gradient(115deg,#4fcf70,#fad648,#a767e5,#12bcfe,#44ce7b);
    background-size: 25% 100%;
    animation: nice .75s linear infinite;
    animation-play-state: paused;
    translate: -5% 0%;
    transition: translate 0.25s ease-out;
  }
  
  .tailwind-button:hover::before {
    animation-play-state: running;
    transition-duration: 0.75s;
    translate: 0% 0%;
  }

  header.page_header span {
    margin: 2px 0px 0px 5px;

    font-weight: bold;
  }

  @keyframes nice{
    to {
      transform: translateX(-25%);
    }
  }
  
  .floating_element {
    position: relative;
    float: left;
  }

  .tailwind-button span {
    position: relative;
    display: inline-flex;
    padding: 0.8rem 1rem;
    font-size: 0.9rem;
    background: #000;
    border-radius: 3px;
    height: 100%;
  }

  .code_block {
    background: rgb(31, 31, 30); 
  }

  .bg {
    background: rgb(26, 26, 27);
  }

  .page_header {
    border-color: rgb(19, 10, 36);
    background: rgb(2,0,36);
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(89,29,158,1) 37%, rgba(98,27,179,1) 48%, rgba(171,0,255,1) 100%);
  }