.asimovian-regular {
  font-family: "Asimovian", sans-serif;
  font-weight: 400;
  font-style: normal;
}


body {
  background-color: black;
  color: #F6BE00;
  font-family: Asimovian;
}

.social-icons {
  position: absolute; /* positions relative to the page */
  top: 10px;          /* distance from top */
  right: 10px;        /* distance from right */
}

.social-icons a {
  border: none;      /* removes any border */
  outline: none;     /* removes focus outline if you want */
  display: inline-block; /* ensures no weird spacing */
}

.social-icons img {
  display: block;    /* removes tiny gaps under images */
}


.nav-tabs {
  position: absolute;   /* positions relative to page */
  top: 10px;            /* distance from top */
  left: 50%;            /* start at middle of page */
  transform: translateX(-50%); /* truly center */
  display: flex;         /* horizontal layout */
  gap: 20px;            /* space between tabs */
}

.nav-tabs a {
  text-decoration: none; /* no underline */
  color: #F6BE00;         /* tab text color */
  font-weight: bold;     /* optional styling */
  font-size: 16px;       /* optional sizing */
  padding: 6px 12px;     /* clickable area */
  border-radius: 4px;    /* optional rounded corners */
  transition: background-color 0.2s; /* hover effect */
}

.nav-tabs a:hover {
  background-color: green; /* simple hover effect */
}