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

/*

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

*/

body { background-image: url(/assets/hand_drafting_rendering/_hand_render_autumn-7538b3bd85a341f00edb96af08db11070b37a4bb72f3c6eca8c0df7aca5efe60.jpg); }

/* Parallax */
.first-image  { background-image: url(/assets/other/blackmon_medowsps-c6e76687dbe25fffb0f530e5b9bc20452a62c7e589218d3655e33ea8f959f334.jpg);                     }
.second-image { background-image: url(/assets/hand_drafting_rendering/_hand_render_autumn-7538b3bd85a341f00edb96af08db11070b37a4bb72f3c6eca8c0df7aca5efe60.jpg); }
.third-image  { background-image: url(/assets/hand_drafting_rendering/_hand_render_winter-c93f60a5b740e76806fcdd15575e2de07ec8b0c418df2eb1d5e8d0426514c5e8.jpg); }
.fourth-image { background-image: url(/assets/hand_drafting_rendering/_hand_render_summer-20bbbdbd31cc584fc4657cd203e10028f0ad73f3662dc5f05b25963e0bbd0094.jpg); }
.fifth-image  { background-image: url(/assets/hand_drafting_rendering/_hand_render_spring-8ef90810738f1051fbdbdb53dcc5f497a5176892cf29545b0568a1db3546a835.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.
 *


 */