:root {

  --bg: #111F35;
  --bg2: #2A2137;

  --panel: #17171f;
  --panel2: #1b1b24;

  --text: #f2f2f6;
  --muted: #b9b9c2;

  --accent: #ff3b58;
  --accent2: #ff2d6a;
  --subline: #782023;

  --border: #2d2d38;

}

body {

  background-color: var(--bg);
  background-image:
    radial-gradient(1.2px 1.2px at 7% 12%, rgba(242, 242, 246, 0.7) 50%, transparent 50%),
    radial-gradient(1px 1px at 23% 67%, rgba(242, 242, 246, 0.55) 50%, transparent 50%),
    radial-gradient(1.5px 1.5px at 41% 3%, rgba(242, 242, 246, 0.8) 50%, transparent 50%),
    radial-gradient(1px 1px at 67% 41%, rgba(242, 242, 246, 0.5) 50%, transparent 50%),
    radial-gradient(1.3px 1.3px at 83% 19%, rgba(242, 242, 246, 0.65) 50%, transparent 50%),
    radial-gradient(1px 1px at 94% 73%, rgba(242, 242, 246, 0.6) 50%, transparent 50%),
    radial-gradient(1.5px 1.5px at 13% 88%, rgba(242, 242, 246, 0.75) 50%, transparent 50%),
    radial-gradient(1px 1px at 52% 29%, rgba(242, 242, 246, 0.5) 50%, transparent 50%),
    radial-gradient(1.2px 1.2px at 76% 56%, rgba(242, 242, 246, 0.6) 50%, transparent 50%),
    radial-gradient(1px 1px at 31% 94%, rgba(242, 242, 246, 0.55) 50%, transparent 50%),
    radial-gradient(1.4px 1.4px at 59% 78%, rgba(242, 242, 246, 0.7) 50%, transparent 50%),
    radial-gradient(1px 1px at 88% 47%, rgba(255, 59, 88, 0.4) 50%, transparent 50%),
    radial-gradient(1px 1px at 46% 61%, rgba(255, 45, 106, 0.35) 50%, transparent 50%),
    radial-gradient(1.2px 1.2px at 17% 38%, rgba(255, 59, 88, 0.3) 50%, transparent 50%),
    radial-gradient(1px 1px at 3% 51%, rgba(242, 242, 246, 0.65) 50%, transparent 50%),
    radial-gradient(1.3px 1.3px at 72% 7%, rgba(242, 242, 246, 0.7) 50%, transparent 50%),
    radial-gradient(1px 1px at 37% 22%, rgba(242, 242, 246, 0.55) 50%, transparent 50%),
    radial-gradient(1.5px 1.5px at 91% 33%, rgba(242, 242, 246, 0.8) 50%, transparent 50%),
    radial-gradient(1px 1px at 62% 91%, rgba(242, 242, 246, 0.5) 50%, transparent 50%),
    radial-gradient(1.2px 1.2px at 48% 48%, rgba(242, 242, 246, 0.6) 50%, transparent 50%);
  background-size: 
    350px 280px,
    420px 310px,
    290px 370px,
    380px 260px,
    310px 340px,
    270px 390px,
    360px 300px,
    400px 280px,
    320px 350px,
    280px 410px,
    340px 290px,
    370px 330px,
    410px 270px,
    300px 360px,
    330px 400px,
    260px 320px,
    390px 290px,
    280px 380px,
    350px 310px,
    310px 350px;

}

/* Text configurations */

h1, h2, h3 {

  text-transform: uppercase;
  color: var(--accent)
  
}

/* Stronger glow for section headings */
h2, h3 {
  text-shadow: 0 0 12px rgba(255,59,88,0.22), 0 0 28px rgba(255,59,88,0.14), 0 0 48px rgba(255,59,88,0.08);
}

h2 {

    margin-top: 0;
    border-bottom: 1px solid var(--subline);
    padding-bottom: 8px;
    font-size: 4em;

}

a {

  color: var(--accent);
  text-decoration: none;

}

@font-face {
  font-family: 'VCR OSD Mono';
  src: url('../fonts/VCR_OSD_MONO_1.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* End of text configurations */

@media (max-width: 1100px) {
  .icon, .btnimg {
    display: none;
  }
}