@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
	td, label, p, li {
		@apply text-sm;
	}
	h1 {
		@apply text-2xl;
	}
	.form-wrapper input, select {
		@apply text-sm px-2 py-1;
	}
}

@layer components {
	.btn-primary {
		@apply block text-white text-center w-fit rounded-md px-2 py-1 hover:scale-105;
	}
	.form-wrapper {
		@apply mt-10 mx-auto shadow-lg rounded-lg bg-white p-5 w-[60%] min-w-[500px] max-w-[740px];
	}
}
.button-with-popup:hover + .popup{
    visibility: visible;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */