/* =====================
   GENERALE
   ===================== */

body {
    margin: 0;
    padding: 30px;
    font-family: Garamond; 
    /*line-height: 1.6;*/
    color: #111; 
    background: #fff; 
} 





/* =====================
   HEADER
   ===================== */

header {
    background: #0b0f14; 
    font-size: 30px; 
    border-radius:8px; 
    padding: 8px; 
}
    

h1 {
    text-align:center; 
    color: #40C4FF; 
} 

h1::before {
    content:"";
    display:inline-block;
    width:30px;
    height:30px;
    border-radius:50%;
    background:red;
    margin-right:20px;
 
}

#menu a {
margin: 2px 0 1px 0; font-size:20px; display: block; color:#111; background:red; padding:15px; text-align:center; border-radius:12px; text-decoration:none; font-weight: none; 
letter-spacing: 0.04em; 
text-shadow: 0 1px 0 rgba(255,0,0,0.2); 
    
} 

#menu a:hover {
    background: #546E7A;
} 




#menu span { 
  
  font-size: 10px;
  background: yellow;
  color: #000;
  padding: 2px 4px;
  border-radius: 3px;
}





.new-label { 
    display: inline-block; 
    font-size: 10px;
    background: yellow;
    color: #000;
    padding: 2px 4px;
    border-radius: 3px;
    margin-left: 5px;
}

    






/* =====================
   CONTENUTO
   ===================== */

main { font-size:18px; } 


a { margin: 2px 0 1px 0; font-size:20px; display: inline-block; color:#fff; background:red; padding:15px; text-align:center; border-radius:12px; text-decoration:none; font-weight: 400; 
letter-spacing: 0.04em; 
text-shadow: 0 1px 0 rgba(255,0,0,0.2); 
    
} 

a:hover {
    background: #546E7A;
}


h2 {
    font-size: 30px;
    margin-bottom: 20px; 
    text-align: center; 
}
    




/* =====================
   SKETCH 
   ===================== */





p { margin:0; font-size:18px; line-height:1.6; } 

.sketch summary::-webkit-details-marker {
  display: none;
}

.leggi-meno {
  display: none;
  margin-top: 12px;
  color: #111; 
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
  color: inherit;
  font: inherit;
  text-decoration: underline;
}

.sketch[open] summary {
  display: none;
}

.sketch[open] .leggi-meno {
  display: inline;
}

.sketch1 summary::-webkit-details-marker {
  display: none;
}



.sketch1[open] summary {
  display: none;
}

.sketch1[open] .leggi-meno {
  display: inline;
}

.sketch2 summary::-webkit-details-marker {
  display: none;
}



.sketch2[open] summary {
  display: none;
}

.sketch2[open] .leggi-meno {
  display: inline;
}

.sketch3 summary::-webkit-details-marker {
  display: none;
}



.sketch3[open] summary {
  display: none;
} 

.sketch3[open] .leggi-meno {
  display: inline;
}

.sketch4 summary::-webkit-details-marker {
  display: none;
}



.sketch4[open] summary {
  display: none;
} 

.sketch4[open] .leggi-meno { 
  display:inline; 
}

.top { text-align:right; } 

.top a { display:inline-block; } 



/* =====================
   FOOTER
   ===================== */

footer {
font-size:18px; color: #fafafa; margin-top: 40px; background: #0B0F14; padding:12px; border-radius:8px; 
}

footer a { font-size:18px; color:#fff; margin:0; padding:0; text-align:left; border-radius:0; text-decoration:none;} 

@media (max-width: 700px) { 
header { font-size: 20px; }
}