/* Background */

body {
  background-image: url("/assets/images/background.JPG");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  overflow: hidden; /* Prevents scrolling */
}

/* Cursor Seagull */

html, body {
  cursor: none; /* Hides the default cursor */
}

.cursor-gif-container {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 80px; /* Adjust the size of your GIF */
  height: 80px;
  pointer-events: none; /* Allows clicks to pass through the GIF */
  z-index: 9999;
}

#follow-gif {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Homepage Logo */

.logo {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60vh;
}

/* Social Media Links ("socials" class controls all of them) */

.instagram {
  position: absolute;
  top: -120px;
  right: -120px;
  transform: scale(0.15);
}

.youtube {
  position: absolute;
  top: -50px;
  right: -120px;
  transform: scale(0.15);
}

.linkedin {
  position: absolute;
  top: 20px;
  right: -120px;
  transform: scale(0.15);
}

/* Page Links ("pages" class controls all of them) */

.pages {
  position: absolute;
  font-family: 'Inknut Antiqua';
  font-size: 3rem;
}

.about {
  position: absolute;
  top: -425px;
  left: 100px;
}

.photography {
  position: absolute;
  top: -325px;
  left: 100px;
}

.edits {
  position: absolute;
  top: -225px;
  left: 100px;
}

/* Decorations */

.skeleton {
  position: absolute;
  bottom: -2%;
  right: -2.75%;
  transform: scale(0.5);
}

/* Footer */

.footer {
  position: absolute;
  bottom: -10px;
  right: 4%;
  font-family: 'Inknut Antiqua';
  font-size: 1rem;
  color: rgb(129, 129, 129)
}

/* Fonts */

  /* inknut-antiqua-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inknut Antiqua';
  font-style: normal;
  font-weight: 700;
  src: url('/assets/fonts/inknut-antiqua-v16-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
  /* rubik-burned-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rubik Burned';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/rubik-burned-v1-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}