@font-face {
  font-family: 'bebas'; /* set name */
  src: url(../fonts/BebasRegular.otf) format('OpenType'); /* url of the font */
  font-weight: normal;
}

@font-face {
    font-family: 'bebaslight'; /* set name */
  src: url(../fonts/BebasLight.otf) format('OpenType'); /* url of the font */
    font-weight: lighter;
}

@font-face {
    font-family: 'bebasbold'; /* set name */
    src: url(../fonts/BebasBold.otf) format('OpenType'); /* url of the font */
    font-weight: bold;
}

@font-face {
    font-family: 'bebasbookitalic'; /* set name */
    src: url(../fonts/BebasBookItalic.otf) format('OpenType'); /* url of the font */
    font-weight: normal;
}

@font-face {
    font-family: 'inkfree'; /* set name */
    src: url(../fonts/Inkfree.otf) format('OpenType'); /* url of the font */
    font-weight: normal;
}

/* RESET */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* VARIABILI */
:root {
    --primary-yellow: #ffd200;
    --dark-bg: #121223;
}


html, body
{
    margin: 0;
    background-color: #121223;
}

body {
    padding-top: 60px; /* altezza del tuo header */
}

.container{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 60px;
}

h1, h2, h3, p, a, summary{
filter: drop-shadow(0 0 6px rgba(255,255,255,0.25))
        drop-shadow(0 0 18px rgba(255,255,255,0.08));


}

.hero-logo
{
filter: drop-shadow(0 0 6px rgba(255,255,255,0.25))
        drop-shadow(0 0 18px rgba(255,255,255,0.08));
}

.crt{
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 9999;

  background:
    repeating-linear-gradient(
      to bottom,
      rgba(255,255,255,0.03) 0px,
      rgba(255,255,255,0.03) 1px,
      rgba(0,0,0,0) 3px
    ),
    radial-gradient(
      ellipse at center,
      rgba(0,0,0,0) 55%,
      rgba(0,0,0,0.25) 100%
    );

  mix-blend-mode: normal;  /* 👈 togli overlay */
  opacity: 0.25;           /* 👈 molto più leggero */
}
.crt-overlay{
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 99999;

  /* bordi arrotondati dello schermo */
  border-radius: 22px;

  /* vignetta + scanlines */
  background:
    radial-gradient(ellipse at center,
      rgba(0,0,0,0) 60%,
      rgba(0,0,0,0.30) 100%
    ),
    repeating-linear-gradient(
      to bottom,
      rgba(255,255,255,0.02) 0px,
      rgba(255,255,255,0.02) 1px,
      rgba(0,0,0,0) 3px
    );

  opacity: 0.28;
}

/* “curvature” simulata con ombre ai bordi */
.crt-overlay::before{
  content:"";
  position: absolute;
  inset: 0;
  border-radius: 22px;
  box-shadow:
    inset 0 0 120px rgba(0,0,0,0.55),
    inset 0 0 18px rgba(255,255,255,0.06);
}
.crt-overlay::after{
  content:"";
  position:absolute;
  inset:-2%;
  border-radius: 26px;
  background:
    radial-gradient(circle at 15% 20%, rgba(255,255,255,0.05), transparent 45%),
    radial-gradient(circle at 85% 80%, rgba(255,255,255,0.04), transparent 50%);
  opacity: 0.35;
}