body{
  margin:0;
  padding:0;
  min-height:100vh;
  padding-top:70px;

  background-color:#111;
  background-image:url('/img/sfondo.jpg');
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center;
}

.menu{
  position:fixed;
  top:0; left:0;
  width:100%;
  display:flex;
  justify-content:center;
  gap:10px;
  background:rgba(0,0,0,0.7);
  padding:15px;
  z-index:999;
}

.menu a{
  color:#fff;
  text-decoration:none;
  padding:10px 16px;
  border-radius:10px;
  font-size:18px;
}

.menu a:hover{ background:rgba(255,255,255,0.2); }
.menu a.active{ background:rgba(255,255,255,0.25); }

.main{
  max-width:900px;
  margin:0 auto;
  padding:24px 16px;
  color:#fff;
  text-shadow:0 1px 2px rgba(0,0,0,0.6);
}

.card{
  background:rgba(0,0,0,0.45);
  padding:16px;
  border-radius:14px;
}