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

/*

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

*/

body {
  background-image: url(/assets/Pastries/IMG_20260207_111400-a7e8578cccf83daf2123b400a7dc3232c42c85f2d3301d489422344139506cd9.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/Pastries/PXL_20260212_170731085-aace397a5c79e2dd87d20af9e3a9bb0d1ade3c22e62f9da1c8b025afb91c8ced.jpg);                     }
.second-image { background-image: url(/assets/Breads/69cd3f69-583f-486e-9be8-b1a879a8ae3a-ab01c4c77cb38d19d65712d66f05a08f19b15d3de9356012047ea81ae1ed16bf.jpg); }
.third-image  { background-image: url(/assets/Desserts/PXL_20260409_160814726-7d760856c7fc5786fa4e7f77235f3d771445eb2449752ce743a8791667eab950.jpg); }
.fourth-image { background-image: url(/assets/Breads/PXL_20260422_154609485-24ef1099c4f89308b8ccccabd1044bcca394ff129861cae5fcb3c3e700ba2abc.jpg); }
.fifth-image  { background-image: url(/assets/Breads/7dda5ab1-cf52-4bc5-ab1b-a6b9af184d4f-54fc1841ceca2a7dca9a43d4960d2cf682d0b149153d055ee3ec710ca144a087.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.
 *


 */