/* Font imports */
body {
  font-family: 'Open Sans', sans-serif;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1231%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='url(%26quot%3b%23SvgjsLinearGradient1232%26quot%3b)'%3e%3c/rect%3e%3cpath d='M 0%2c97 C 96%2c90.6 288%2c47.8 480%2c65 C 672%2c82.2 768%2c179.2 960%2c183 C 1152%2c186.8 1344%2c103.8 1440%2c84L1440 560L0 560z' fill='rgba(96%2c 103%2c 255%2c 1)'%3e%3c/path%3e%3cpath d='M 0%2c224 C 57.6%2c240.2 172.8%2c304.6 288%2c305 C 403.2%2c305.4 460.8%2c217.4 576%2c226 C 691.2%2c234.6 748.8%2c347.8 864%2c348 C 979.2%2c348.2 1036.8%2c225 1152%2c227 C 1267.2%2c229 1382.4%2c331.8 1440%2c358L1440 560L0 560z' fill='%23184a7e'%3e%3c/path%3e%3cpath d='M 0%2c417 C 28.8%2c435.8 86.4%2c518.8 144%2c511 C 201.6%2c503.2 230.4%2c379.2 288%2c378 C 345.6%2c376.8 374.4%2c491 432%2c505 C 489.6%2c519 518.4%2c443.8 576%2c448 C 633.6%2c452.2 662.4%2c537 720%2c526 C 777.6%2c515 806.4%2c402.6 864%2c393 C 921.6%2c383.4 950.4%2c466 1008%2c478 C 1065.6%2c490 1094.4%2c440.4 1152%2c453 C 1209.6%2c465.6 1238.4%2c542 1296%2c541 C 1353.6%2c540 1411.2%2c466.6 1440%2c448L1440 560L0 560z' fill='%232264ab'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1231'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3clinearGradient x1='0%25' y1='50%25' x2='100%25' y2='50%25' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient1232'%3e%3cstop stop-color='%230e2a47' offset='0'%3e%3c/stop%3e%3cstop stop-color='rgba(35%2c 131%2c 255%2c 1)' offset='1'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
  background-size: cover;
  color: #f5f5f5;
  margin: 0;
  padding: 0;
}

/* Header styles */
h1 {
  font-family: 'Bebas Neue', cursive;
  font-size: 3em;
  text-align: center;
  margin-top: 1em;
  color: #ff595e;
}

h2 {
  font-family: 'Bebas Neue', cursive;
  font-size: 1.8em;
  color: #ffca3a;
  margin: 0.5em 0 0.2em;
}

/* Paragraph styles */
p {
  font-size: 1em;
  line-height: 1.5em;
  color: #f1f1f1;
  margin: 0.5em 0 1em;
}

/* Gallery container using Flexbox */
.gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2em;
  padding: 2em;
}

/* Individual cards */
.card {
  background-color: rgba(0, 0, 0, 0.7);
  padding: 1em;
  border-radius: 10px;
  max-width: 250px;
  text-align: center;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
  transition: transform 0.3s ease;
}

/* Hover effect */
.card:hover {
  transform: scale(1.05);
}

/* Images */
.card img {
  width: 100%;
  border-radius: 10px;
  height: auto;
}

/* Color palette:
   - Red: #ff595e
   - Yellow: #ffca3a     
   - Green: #8ac926
   - Blue: #1982c4
   - Purple: #6a4c93
*/