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

body{
  font-family: Arial, Helvetica, sans-serif;
  background:#071a2f;
  color:white;
}

/* верх */
.top{
  text-align:center;
  padding:40px 0 10px;
}

.logo{
  font-size:60px;
  font-weight:900;
  letter-spacing:8px;
  color:white;

  /* базовое свечение */
  text-shadow:
    0 0 10px rgba(255,255,255,0.35),
    0 0 22px rgba(255,255,255,0.15);

  /* анимация */
  animation: glowRG 3.2s ease-in-out infinite;
}

/* анимация свечения зелёный ↔ красный */
@keyframes glowRG{
  0%{
    text-shadow:
      0 0 10px rgba(255,255,255,0.35),
      0 0 24px rgba(80,255,170,0.55),
      0 0 52px rgba(80,255,170,0.25);
  }
  50%{
    text-shadow:
      0 0 10px rgba(255,255,255,0.35),
      0 0 24px rgba(255,70,70,0.55),
      0 0 52px rgba(255,70,70,0.25);
  }
  100%{
    text-shadow:
      0 0 10px rgba(255,255,255,0.35),
      0 0 24px rgba(80,255,170,0.55),
      0 0 52px rgba(80,255,170,0.25);
  }
}

/* меню */
.menu{
  margin-top:20px;
  padding:15px 0;
  border-top:1px solid rgba(255,255,255,0.2);
  border-bottom:1px solid rgba(255,255,255,0.2);
}

.menu a{
  color:rgba(255,255,255,0.7);
  text-decoration:none;
  font-size:14px;
  letter-spacing:3px;
  margin:0 12px;
  font-weight:bold;
  transition: 0.15s ease;
}

.menu span{
  color:rgba(255,255,255,0.3);
  margin:0 10px;
}

.menu a:hover{
  color:white;
}

/* картинка на всю ширину */
.hero{
  width:100%;
  margin-top:40px;
}

.hero img{
  width:100%;
  display:block;
}

/* адаптив — чтобы на телефоне логотип не разрывало */
@media (max-width: 520px){
  .logo{
    font-size:42px;
    letter-spacing:5px;
  }

  .menu a{
    font-size:12px;
    letter-spacing:2px;
    margin:0 8px;
  }
}