.rock-salt-regular {
  font-family: 'Rock Salt', cursive;
  font-weight: 400;
  font-style: normal;
}

.jetbrains-mono-100 {
  font-family: 'JetBrains Mono', monospace;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
}
.jetbrains-mono-200 {
  font-family: 'JetBrains Mono', monospace;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
}
.jetbrains-mono-300 {
  font-family: 'JetBrains Mono', monospace;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}
.jetbrains-mono-400 {
  font-family: 'JetBrains Mono', monospace;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.jetbrains-mono-500 {
  font-family: 'JetBrains Mono', monospace;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.jetbrains-mono-600 {
  font-family: 'JetBrains Mono', monospace;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}
.jetbrains-mono-700 {
  font-family: 'JetBrains Mono', monospace;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.jetbrains-mono-750 {
  font-family: 'JetBrains Mono', monospace;
  font-optical-sizing: auto;
  font-weight: 750;
  font-style: normal;
}
.jetbrains-mono-800 {
  font-family: 'JetBrains Mono', monospace;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}

.handjet-100 {
  font-family: 'Handjet', sans-serif;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
  font-variation-settings:
    'ELGR' 1,
    'ELSH' 2;
}
.handjet-200 {
  font-family: 'Handjet', sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  font-variation-settings:
    'ELGR' 1,
    'ELSH' 2;
}
.handjet-300 {
  font-family: 'Handjet', sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-variation-settings:
    'ELGR' 1,
    'ELSH' 2;
}
.handjet-400 {
  font-family: 'Handjet', sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    'ELGR' 1,
    'ELSH' 2;
}
.handjet-500 {
  font-family: 'Handjet', sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-variation-settings:
    'ELGR' 1,
    'ELSH' 2;
}
.handjet-600 {
  font-family: 'Handjet', sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-variation-settings:
    'ELGR' 1,
    'ELSH' 2;
}
.handjet-700 {
  font-family: 'Handjet', sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-variation-settings:
    'ELGR' 1,
    'ELSH' 2;
}
.handjet-800 {
  font-family: 'Handjet', sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
  font-variation-settings:
    'ELGR' 1,
    'ELSH' 2;
}
.handjet-900 {
  font-family: 'Handjet', sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
  font-variation-settings:
    'ELGR' 1,
    'ELSH' 2;
}
.clarity-city-100 {
  font-family: 'Clarity City', sans-serif;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
}
.clarity-city-200 {
  font-family: 'Clarity City', sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
}
.clarity-city-300 {
  font-family: 'Clarity City', sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}
.clarity-city-400 {
  font-family: 'Clarity City', sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.clarity-city-500 {
  font-family: 'Clarity City', sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.clarity-city-600 {
  font-family: 'Clarity City', sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}
.clarity-city-700 {
  font-family: 'Clarity City', sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.clarity-city-800 {
  font-family: 'Clarity City', sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
.clarity-city-900 {
  font-family: 'Clarity City', sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
}

footer .left {
  margin-right: auto;
  display: flex;
  align-items: center;
  margin-left: 2rem;
}

footer .right {
  margin-left: auto;
  display: flex;
  align-items: center;
  margin-right: 1rem;
}

.footer-gradient {
  background: #003ab8;
  background: radial-gradient(
    circle,
    rgba(0, 58, 184, 1) 0%,
    rgba(2, 51, 166, 1) 46%,
    rgba(2, 6, 23, 1) 100%
  );
  box-shadow:
    inset 0 8px 12px -8px rgba(0, 100, 255, 0.8),
    inset 0 1px 8px rgba(0, 58, 184, 0.5);
}

body {
  color: rgb(220, 222, 255);
}

@layer utilities {
  /* Chromium */
  .no-scrollbar::-webkit-scrollbar {
    display: none;
  }
  /* Edge / Firefox */
  .no-scrollbar {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
  }
}

.glow {
  text-shadow:
    0 0 6px rgba(120, 160, 255, 0.7),
    0 0 14px rgba(0, 100, 255, 0.5);
}

.cmd {
  color: #7cffb2;
  margin-top: 1rem;
}

.cmd .prompt {
  color: #ff6b6b;
}

.profile {
  margin: 0.25rem 0 0 0.5rem;
  padding-left: 1rem;
  border-left: 2px solid rgba(0, 100, 255, 0.6);
}

.comments {
  font-size: 0.9rem;
  color: rgba(85, 194, 71, 0.815);
}

pre .comments {
  font-size: 0.8rem;
}

#badges img {
  display: flex;
}

.profile-name {
  font-size: 1.5rem;
  font-weight: 650;
  color: #ffffff;
}

.profile-sub {
  color: rgb(143, 160, 255);
  opacity: 0.85;
  font-size: 14px;
  padding-left: 10px;
}

.cursor {
  animation: blink 1s steps(1) infinite;
}

@keyframes blink {
  50% {
    opacity: 0;
  }
}