-

src/style/global.css

@@ -48,14 +48,25 @@
 
 
 body{
-	@apply bg-[url('/images/pattern.png')] bg-repeat bg-fixed  max-w-[1920px] mx-auto border-gray-200 border-[1px] min-w-[320px]
+	@apply bg-[url('/images/pattern.png')] bg-repeat bg-fixed max-w-[1920px] mx-auto border-gray-200 border-[1px] min-w-[320px]
 }
 
 
+.button {
+	@apply w-full h-[38px] px-4 py-2 bg-secondary ring-2 ring-secondary/25 rounded-md text-white text-nowrap
+	hover:bg-gradient-to-br from-secondary to-secondary-grad hover:shadow-lg transition-all hover:no-underline hover:ring-2 hover:ring-primary
+}
+
+input[type="text"], input[type="number"], input[type="password"], select{
+	@apply min-h-[38px] ring-1 ring-black/15 rounded-md}
+input[type="checkbox"]{@apply inline-block}
+radio{@apply accent-primary}
+
+
 /*ARTICLE*/
 
 article {
-	@apply px-6 py-6 w-full relative bg-white min-h-screen;
+	@apply w-full relative bg-white min-h-screen px-0 py-0;
 
 	hr {@apply mb-4 mt-4;}
 
@@ -71,8 +82,9 @@ article {
 
 /*BOXES*/
 .box{
-	@apply 	rounded-none
-			lg:rounded-lg lg:shadow-box lg:ring-1 lg:ring-gray-300
+	@apply 	rounded-lg
+
+			lg:shadow-box lg:ring-1 lg:ring-gray-300
 			xl:rounded-xl 
 			 
 }
@@ -103,6 +115,7 @@ article {
 	@apply 		!bg-primary !text-white cursor-pointer 
 }
 
+
 .nav-element:hover > .dropdown-content{ 
 	@apply 			lg:visible lg:opacity-100 lg:block lg:ml-[calc(100%+2px)]
 }
@@ -129,8 +142,8 @@ article {
 li 		{@apply 	text-sm  bg-white flex
 					xl:text-lg}
 
-li a	{@apply 	w-full text-sm px-6 py-3 rounded-none no-underline text-white hover:text-white hover:bg-gradient-to-br from-secondary to-secondary-grad
-					lg:px-4 lg:bg-[#efefef] lg:text-black lg:hover:bg-secondary		
+li a	{@apply 	w-full text-sm px-6 py-3 rounded-none no-underline hover:text-white hover:bg-gradient-to-br from-secondary to-secondary-grad
+					lg:px-4 bg-[#efefef] text-black lg:hover:bg-secondary		
 	   				xl:text-lg}
 
 li:not(:first-child)	{@apply		!border-gray-200 !border-t-[1px]}