@import url("variables.css");

* {
  margin: 0;
  padding: 0;
}

body {
  background-image: url('../images/banner.jpg');
  background-position: center;
  object-fit: contain;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.glassmorphism {
  backdrop-filter: blur(5px) saturate(100%);
  -webkit-backdrop-filter: blur(10px) saturate(100%);
  background-color: rgba(47, 67, 97, 0.25);
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.125);
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
  .bg_image {
    background-image: none;
  }
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
  .bg_image {
    background-image: none;
  }
}