/* General Reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body,
html {
  height: 100%;
  width: 100%;
  font-family: Arial, sans-serif;
  overflow: hidden; /* Prevent unwanted scrollbars */
}

/* Background Image */
body {
  background: url("../img/everything.png") no-repeat center center/cover;
  position: relative;
}

/* Static Noise Overlay */
.static-noise {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../img/noise.gif") repeat;
  opacity: 0.3;
  pointer-events: none;
  z-index: 2;
}

/* Content Wrapper */
.content {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 3;
}

/* Corner Links */
.corner-link {
  position: absolute;
  text-decoration: none; /* Remove underline */
  color: white; /* Set text color to white */
  font-size: 2.5rem; /* Adjust text size */
  filter: blur(2px); /* Apply blur effect */
  transition: filter 0.3s; /* Smooth transition for hover */
}

.corner-link:hover {
  filter: blur(1.5px); /* Remove blur on hover */
}

.top-left {
  top: 10px;
  left: 10px;
}

.top-right {
  top: 10px;
  right: 10px;
}

.bottom-left {
  bottom: 10px;
  left: 10px;
}

.bottom-right {
  bottom: 10px;
  right: 10px;
}

@media (max-width: 768px) {
  body {
    background: url("../img/mobileBG.png") no-repeat center center/cover;
    position: relative;
  }
}