@import "tailwindcss";

@import "@skeletonlabs/skeleton";
@import "@skeletonlabs/skeleton/optional/presets";


@source '../../node_modules/@skeletonlabs/skeleton-react/dist';

@import "./drinky.css";

.card {
	@apply rounded-2xl shadow p-6;
  }
  
.preset-tonal-success {
	@apply bg-[#feecaf] text-[#622];
} 

body {
	font-family: Arial, Helvetica, sans-serif;
}

.bg-img {
	/* Repeat Background Image on the y axis */
	background-repeat: repeat-y;

	background-size: cover;
	background-position: center;
	height: 100vh;
	@apply dark:bg-[url('/darkmodebackground.png')] bg-[url('/lightmodebackground.png')];
}