/* --- General Page Setup --- */
body {
  margin: 0;
  font-family: 'proxima-nova', sans-serif;
  font-weight: 700;
  color: white;

  /* Background image setup */
  background-image: url('IMG_7566.jpg');
  background-size: cover;
  background-position: center;
  height: 100vh;
  overflow: hidden; /* Prevent any scrolling */

  /* Flexbox layout: centres horizontally, positions towards the top */
  display: flex;
  justify-content: center;   /* Horizontal centring */
  align-items: flex-start;   /* Align content towards the top */
  text-align: center;
  padding-top: 7.5vh;         /* Push content down from very top */
}

/* --- Container for Logo + Email --- */
.content-container {
  display: flex;
  flex-direction: column; /* Stack vertically */
  align-items: center;    /* Centre within column */
}

/* --- Logo Styling --- */
.logo {
  width: 280px;     /* Adjust logo size here */
  height: auto;     /* Keeps proportions */
  margin-bottom: 0.2rem; /* Space between logo and email */
}

/* --- Email Link Styling --- */
a {
  color: white;
  text-decoration: none; /* Removes underline */
  font-size: 1.8rem;     /* Adjust email text size here */
  transition: opacity 0.3s ease; /* Smooth hover effect */
}

a:hover {
  opacity: 0.8; /* Slight fade on hover */
}