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

/*

@layer components {
  .btn-primary {
    @apply py-2 px-4 bg-blue-200;
  }
}

*/

body {
  background-image: url(/assets/baking/PXL_20260831_153921846-e55c6096583edbe85dcf4fe4c7abe8a9c44076e2b4c87264cd47455c62475efc.jpg);
  background-repeat: no-repeat;
  
  /* Centers the image horizontally and vertically */
  background-position: center; 
  
  /* Forces the image to scale and fill the container */
  background-size: cover; 
}

/* Parallax */
.first-image  { background-image: url(/assets/baking/PXL_20260212_170731085-d32a0fadba79783502c2c74a9a230618d80aaa8e2c2037268a35beba030bd4e3.jpg);                     }
.second-image { background-image: url(/assets/baking/69cd3f69-583f-486e-9be8-b1a879a8ae3a-a518d18077075d3f3c8c8aa03cb1c165c493d59df90467ecb34dd3ec8ca8c99b.jpg); }
.third-image  { background-image: url(/assets/baking/PXL_20260921_182357961-164277685a0cd94e6f533bc91a4c4880a8707a5ecc2f1e85406a22d316d5f19b.jpg); }
.fourth-image { background-image: url(/assets/baking/PXL_20260817_174107647-9b5cebb41ec0c8005d4ce85da1397bd9ed3c4681a4c495f024ec04a183c99e2c.jpg); }
.fifth-image  { background-image: url(/assets/baking/PXL_20260901_153709420-3896d0fc6730a501ceea40faa5d311abb032d2883bc8fa8b6b5da2a0848584e3.jpg); }

.parallax {
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
}

@keyframes up-down {
  0%, 100% { transform: translateY(0);     }
  50%      { transform: translateY(-10px); }
}
.animate-up-down { animation: up-down ease-in-out 3s infinite;}
/*
 * 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.
 *


 */