/* Font Faces */
@font-face {
  font-family: 'JetBrains Mono';
  src: url('https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff2/JetBrainsMono-Regular.woff2') format('woff2'),
       url('https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff/JetBrainsMono-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'JetBrains Mono';
  src: url('https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff2/JetBrainsMono-Italic.woff2') format('woff2'),
       url('https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff/JetBrainsMono-Italic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'JetBrains Mono';
  src: url('https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff2/JetBrainsMono-Medium.woff2') format('woff2'),
       url('https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff/JetBrainsMono-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'JetBrains Mono';
  src: url('https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff2/JetBrainsMono-Bold.woff2') format('woff2'),
       url('https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff/JetBrainsMono-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Scanline CRT Effect */
body::before {
  content: '';
  position: fixed;
  inset: 0;
  background: repeating-linear-gradient(
    0deg,
    transparent,
    transparent 2px,
    rgba(25, 0, 255, 0.03) 3px,
    rgba(25, 0, 255, 0.03) 4px
  );
  pointer-events: none;
  z-index: 1000;
}

/* Layout */
.container {
  max-width: 750px;
  margin: 0 auto;
  padding: 0 16px;
  box-sizing: border-box;
  font-family: 'JetBrains Mono', monospace;
}

/* Typography */
.title-name {
  margin-top: 20px;
  font-size: xx-large;
  font-family: 'JetBrains Mono', monospace;
  text-shadow: 2px 2px 5px #09396c46;
}

.mines {
  color: #09396C;
  font-weight: 700;
  text-shadow: 0.1px 0.1px 1px black;
}

/* Image */
.image-wrap {
  margin: 20px 0 25px;
  box-shadow: 1px 1px 2px black, 0 0 25px #09396C, 0 0 5px #09396C;
}

.image {
  display: block;
  width: 100%;
  height: auto;
}

/* Links */
.links {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30%;
  width: 60px;
  margin: 20px auto 0;
  border-radius: 5px;
}

.linkedin-link,
.github-link {
  color: #000;
  display: inline-block;
  line-height: 0;
  transition: color 0.1s ease;
}

.linkedin-link:hover { color: #0a66c2; }
.github-link:hover { color: #0FBF3E; }

.linkedin-link svg,
.github-link svg {
  width: 20px;
  height: 20px;
  display: block;
}

/* Footer */
footer {
  position: fixed;
  inset: auto 0 0 0;
  padding: 2px 0;
  text-align: center;
  font-family: 'JetBrains Mono', monospace;
  font-size: xx-small;
  z-index: 999;
}

/*
Source - https://stackoverflow.com/a/22767958
Posted by Nate Bunney, modified by community. See post 'Timeline' for change history
Retrieved 2026-02-03, License - CC BY-SA 4.0 */

#loadOverlay{display: none;}