:root {
  --txtclr: #ccc;
  --red: #f33;
}

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
}

/* Global Styles */
body {
  font-family: 'Oswald', Arial, sans-serif;
  background: linear-gradient(to bottom right, #000, #111);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  color: var(--txtclr);
}

/* Header */
.header {
  text-align: center;
  padding: 10px;
}

.svg-layer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-image: url('../inks/logo_w_bg.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; /* or "contain", "cover", or a specific size like "800px" */
  background-attachment: fixed;
  z-index: -1;
  opacity: 0.07;
  pointer-events: none;
}

.logo {
  max-width: 500px;
}

.contact-callout a {
  text-decoration: none;
  color: inherit;
}