@import "tailwindcss";
@tailwind utilities;

@layer components {
    .flex-container {
        @apply flex flex-col md:flex-row gap-x-4 gap-y-2 md:items-center border p-4 text-lg duration-300  bg-linear-to-br rounded-xl  from-slate-800 to-slate-900 border-slate-700;
    }
    .container {
        @apply md:items-center border p-4 text-lg duration-300  bg-linear-to-br rounded-xl  from-slate-800 to-slate-900 border-slate-700;
    }

    .subcontainer {
        @apply md:items-center text-lg duration-300  bg-linear-to-br rounded-xl  from-slate-600 to-slate-700;
    }

    .complex-button {
        @apply bg-slate-800 border border-slate-700 p-1 rounded-2xl shadow-xl;
    }
}


.repeating-bg { 
  background-image: url("/public/static/bg.svg");
  background-repeat: repeat;
  background-size: 320px 320px;
  background-attachment: fixed;
}

#submit:disabled {
    cursor: not-allowed;
    background-color: grey;
}