@import url('https://fonts.googleapis.com/css2?family=Goudy+Bookletter+1911&display=swap');
     


.home {
    border-bottom: 2px solid #102c77;
    font-weight: bolder;
}


h1 {
    
    color:#102c77;
    font-size: 3.5em;
    text-align:center;
    font-weight: 300;
    text-transform: uppercase;
    background-color: #ffffffff;
    padding: 2%;
    margin:0%;
}

h2 {
    text-transform: uppercase;
    color: #102c77;
    font-size: 2.5em;
    font-weight: bolder;
    text-align: center;
    margin: 1em;
}
h3 {
    
    color:#fff;
    margin: 0;
    font-size:1.5em;
}

q {
    quotes: "«" "»";
    text-align: center;
}

#cielo_stellato{
    text-align: center;
    margin: 2% auto;
    font-size: 6em;
    font-family: "Inter";
    letter-spacing: -4px;
 
    background-image: url(../Immagini/cielo%20stellato.jpeg);
    background-size: cover;
    background-attachment: fixed;
    color: #ffffff80;
    background-clip: text;
    color: #fff0;
    padding:5%; 
    
}

p {
    font-family: "Goudy Bookletter 1911", serif;
    text-align: justify;
    font-size: 1em; 
   
   
}

body {
    text-align: center;
    margin: 0%;
    font-family: "Goudy Bookletter 1911", serif;
    background-color: #CED5F3;
   
}



#menuprincipale {
    margin-bottom: 0%;
    background-color:#ffffffff; 
    padding: 1%;
}

#menuprincipale li {
    display: inline-block;
    text-align: center;
    font-size:1.2em;
    margin-right: 3.9em;

}

#menuprincipale li a {
    text-transform: uppercase;
    text-decoration: none;
    color:#262c3c;
}

#menuprincipale li a:hover {
font-weight:bolder; 
color:#102c77
}

#menu-icon {
    font-size: 2em;
    color: #000;
    display:none;
}

.table {
    display:table;
    width: 90%;
    text-align: center;
    border-spacing: 2em;
    margin: auto;
    
}

.row {
    display:table-row;
}

.cell {
    display:table-cell;
    text-align: center;
    text-transform: uppercase;
    margin:0;
    width: 25%;
}

.cell p {
 
    margin:0;

}

.cell img {
    width:100%;
    margin-bottom: 10%;   
}

 a {
    text-decoration: none;
    color:#262c3c;
}

.cell a {
   display:block;
   width:79%;
   border:2px solid #102c77;
   border-radius: 3%;
   padding:1em 10%;
   margin:0;    
}


.cell a:hover {
   background-color: #ffffff80; 
   font-weight: bolder;  
}

#autrice_home {
    width: 22%;
    border-radius: 5%;
    float:left;
    margin:2% 9%;
}

#autrice1 {
    padding: 0;
    margin-right:1em;
    border-right:1px solid #262c3c;
    margin-left: 1em;
    width: 20em;   
}

#descrizioneautrice1 {
 padding:10%;
 font-size:1.5em;  
}

.sfondo_bianco {
   background-color: #ffffff80;
   padding:2%;

}

.fanart_home {
    border-radius: 3%;
}

footer {
    background-color: #262c3c;
    padding: 0%;
    
}

.tabella_footer{
    display: table;
    text-align:center;
    width: 94%;
    border-spacing: 1em;
}

.riga_footer {
    display: table-row;
}

.cella_footer {
    display:table-cell;
    width:34%;
    text-align: center;
}
.cella_footer p {
    font-size:1em;
}

#contatti {
    width:100%;
    color:#fff;
    font-size:1.1em;
    margin-left: 1%;  
}

.citazione2 {
    width:100%;
    color: #7c7ac3;
    text-align: center;
    font-size: 1.1em;
}

#newsletter {
    color:#fff;
    font-size: 1.1em;
    width: 100%;
    text-align: right;
    margin-left: 15%;
}

.link_progetto {
    text-align: center;
    font-size: 1.3em;
    color:#102c77;
}

.link_progetto a {
    text-decoration: underline;
    color:#000; 
}


h4 {
   
    font-family: sans-serif;
    text-align: left;
    color: #fff;
    font-size: 1em;   
}

.descrizione_fanarth {
    font-size:1em;
    text-align: center;
    margin:2%;
}

.cell p {
    text-align: center;
}

.trama {
    text-transform: uppercase;
    color:#7c7ac3;
    text-align: left;
    margin:1%;
    margin-left: 2%;
}
#la_corte_di_rose {
    background-color:  #ffffff80;
    padding: 5%;
}

.primo_libro {
    width: 38%;
    float: left;
    margin-right: 2%;
    margin-left: 1%;
    margin-top: 0%;
}

.testo_trama {
    text-align: justify;
    font-size:1em;
    margin-right: 1em;
    margin-bottom: 1.1em;  
}
 
.altri_libri {
    display: table;
    text-align:center;
    border-spacing: 1em;
    margin: auto;
}

.riga {
    display: table-row;
}

.libro_singolo {
    display: table-cell;
    width: 16em;
    text-transform: uppercase;
    font-size:1em;
    text-align: center;   
}

.libro_singolo p {
    font-size: 0.75em;
    text-align: center;
}

.foto_libri_successivi {
    width:7em;
}

.tabella_librot{
   display: table;
   text-align:center;
   border-spacing: 0.15em;
  margin-top: 0em;

}


.riga_librot{
    display:table-row;
}

.cella_librot {
    display: table-cell;
    width: 16em;
    text-transform: uppercase;
    font-size:1em;
    text-align: center;   
}

.cella_librot p {
 font-size: 0.70em;
    text-align: center;
}
#personaggi_home {
    margin-top: 8%;
    
}

#descrizione_saga {
    margin:3%;
}

#libri3 {
    width: 76%;
    margin-left:27%;
    margin-bottom:0;
}


#crescent_city {
    padding:5%;
}

#il_trono_di_ghiaccio {
   background-color:#ffffff80;
   padding:2% 4%;
} 

.libri_trono {
    display: inline-block;
    width:11%;
    margin: 2% 1%;
}

.libri_trono p {
    text-align: center;
    text-transform: uppercase;
    font-size: 0.75em;
}


#grafico_torta{
    text-align: center;
    padding:5%;
   
    
}

table {
   
    width: 52%;
    font-size: 0.75em;
    text-align: center;
    padding: 5%;
    padding-left: 17%;
    border-collapse: collapse;
    margin: auto;

   
}

 th, td {
            border: 1px solid black;
        }



table th p, td p {
    text-align: center;
    margin:0.5em;
    
}

th{
    background-color:#7c7ac3;
}

.grafici {
    display: inline-block;
}


#dx {
    width: 41%;
    float: right;
    margin-right: 1%;
    margin-left:1%;
   
}

#dx img {
     width:100%;
     border: 2px solid #102c77;
     border-radius: 5%;
     box-shadow: 1px 1px 10px gray;        
}

#sx {
    width: 51%;
    background-color: #ffffff80;
    padding:2%;
    margin-left:1%;
    box-shadow: 1px 1px 10px gray;
    font-size:1.2em;
    
}

#social_autrice {
   text-align: center;
   font-size:1.5em;
   background-color: #ffffff80;
   padding:3%;
}

.le_opere {
    background-color:#ffffff80;
     text-align: left;
    display: inline-block;
    font-size: 1.3em;
    padding: 3%;
    width: 60%;
    margin:3% 1%;
    font-size: 1.2em;
}

.le_opere h3 {
    color:#7c7ac3;
}


.foto_social {
    text-align: center;
    text-transform: none;
}

#descrizione_news {
   text-align: center;
   margin:3%;
}

.notizie {
    text-align: center;
    width: 70%;
    background-color: #ffffff80;
    text-align: left;
    box-shadow: 1px 1px 10px grey;
    padding:5%;
    margin:auto;
    margin-bottom: 2%;
   
}

.notizie img {
    width: 50%;
    float:left;
    margin-right: 1%;
    border:1px solid blue;
}

  
  .notizie #mappa {
    width: 50%;
    height:14em;
    border:1px solid blue;
    float:left;
    margin-right:1%;
    
}

.notizie p {
    padding:2%;
    margin-left:2%;
   
}

.notizie h4 {
    color:#102c77;
}

#calendario {
    width: 60%;
    height: 20em;
    margin-top:2%;
    margin-bottom:1%;
    border:1px solid blue;
    box-shadow: 1px 1px 10px grey;
   
}

.biografia {
    text-align: justify;
    text-decoration: none;
    background-color:#ffffff80;
    padding:5%;
}

.cell .caratteristiche {
    text-align: left;
}

.cell ul {
    margin-left: 0%;
    text-align: left;
}

.tabella_personaggi {
    display:table;
    border-spacing: 2em;
    width: 90%;
    margin:auto;  
    
}

.riga_personaggi {
    display:table-row; 
}

.cella_personaggi {
    display: table-cell;
    width: 20%; 
  
}

.cella_personaggi img{
    width:100%; 
}

.cella_personaggi li {
    text-align: center;
}

.personaggi {
    text-align:center;
    font-weight: bolder;
    font-size:1em;
    background-color: #ffffff80;
    padding:8%;
           
}

.titoli_personaggi{
    font-weight: bold;
    color:#7c7ac3;
    text-align: center;
    padding:1%;
  
  
}

.sfondobianco_personaggi {
    background-color: #ffffff80;
    padding:6%;
}



.nome_saga {
    font-size: 2.2em;
    margin-top: 7%;
    margin-bottom: 1%;
    text-transform: uppercase;
    background-color:#7c7ac3;
    padding:1%;
}

.tabella_fanart {
  
    display: table;
    width: 60%;
    padding: 2%;
    margin: auto;
    border-spacing: 1em;
  
}
    

.riga_fanart {
    display: table-row;
    text-align: center;
    
}

.cella_fanart {
    display: table-cell;
    width: 20%;
    
}

.cella_fanart img {
    width: 100%;
    text-align: center;
    border-radius:5%;
    box-shadow: 1px 1px 10px gray;
}

.cella_fanart p {
    text-align: center;
    border-radius: 5%;
}

.titolosagafanart {
    font-size: 2em;
    margin-top: 2%;
    color:#7c7ac3;
    background-color:#ffffff80; 
    
}

.tabella_video {
    width: 60%;
    padding: 2%;
    margin: auto;
    border-spacing: 1em;
}

.riga_video {
    display:table-row;
}

.cella_video {
    display:table-cell;
    width: 20%;
    text-align: center;
    
}

.cella_video .video {
   width: 100%;
   text-align: center;
   border-radius:3%;
}

.cella_video p {
    text-align: center;
    font-size: 1.3em;
    color: #7c7ac3;
    background-color: #ffffff80; 
}
    
#titolo_form {
    text-align: center;
    font-size:2em;
    background-color:#7c7ac3;
    margin-top:3%;
    
    
}
.riga_form2{
  display:table-row;  
    
}

#tabella_form2{
   display:table; 
   width:100%;
}

.cella_form2{
    display:table-cell;
    width:50%;
    
}

#tabella_form  {
    display:table;
    margin:auto;
    border-spacing: 2.5em;
}

#tabella_form span {
    color: #7c7ac3;
    font-weight:bold;
    font-size: 1.3em;
}
#tabella_form p {
    padding:0%;
    font-size: 1em;
}

#riga_form {
    display:table-row;
    
}

.cella_form {
    display:table-cell;
    background-color:#ffffff80;
    width:45%;
    padding:3%;
    
}

.cella_form2 p {
    margin:0%;
}

.privacy{
    margin-left: 7%;
}


 @media screen and (max-width: 720px){
    
    h1 {
    font-size: 2.5em;
    text-align:center;
    padding:8%;
}
    
    
   #menu-icon {
   display:block;
   
   }
     
     #menuprincipale {
         position:absolute;
         right:0em;
         top:0em;
    }
    
    #menuprincipale ul {
        display: none;
        background-color:#ffffff80; 
        width: 100%;
    }
     
     #menuprincipale li {
         display:block;
         text-align:right;
         padding:1%;
     }
    
    #menuprincipale:hover ul {
        display: block;
    }

    #menuprincipale:hover #menu-icon {
        display: none;
    }

    
    ul li a :hover{
        background-color:initial;
    }
     
     .sfondo_bianco{
         padding:0;
     }
    
    #cielo_stellato {
    margin: 0;
    font-size: 3em;
    padding:15%;
   
}
  
     .table, .row, .cell {
         display:block; 
         width:95%;
         margin:auto;
     }
     
     .table .cell {
      margin-bottom:10%;
     }
     
     #autrice_home  { 
        float:none;
        width: 95%;
        margin:auto;
       
          }
     .tabella_footer, .riga_footer, .cella_footer {
         display:block;
         width:96%;
         padding:1%;
     }
     
     .tabella_footer .citazione2{
         margin-left:-3%;
     }
     
     .tabella_footer #newsletter {
         margin-left:0;  
     }
     
     #descrizione_saga{
         width:95%;
         margin: auto;
         margin-bottom:1%;
         text-align: center;
     }
    
     .libro_singolo {
         width:20%;
     }
     
     #la_corte_di_rose {
        padding:0%; 
         margin-top:1%;
     }
     
     #crescent_city {
         padding:0%;
     }
     
     #il_trono_di_ghiaccio {
         padding:0%;
         margin-top:1%;
     }
     
     .testo_trama{
         padding:3%;
         margin-right:1%;
     }
     
     .trama{
         margin-top:5%;
         
     }
     
    .primo_libro {
    float: none;
    width: 95%; 
    margin:auto;
}
     .foto_libri_successivi {
      width:100%;
}
     
     .tabella_librot {
       width: 100%;
     } 
     
     .cella_librot{
         width:16%;
         margin:0;   
     }
     
     .cella_librot img {
         width:100%; 
     }
     
     .cella_librot p{
         font-size: 0.60em;
     }
     
    
     .grafici {
         display:block;
         width:95%;
     }
     
     #grafico_torta{
        padding:2%;
        justify-content: center;
        align-items: center;
        width: 100%;
        height:100%;
        display:flex;
     }
     
  table {
   width: 100%;
   text-align: center;
    padding-left:23%;
    }
     
      #dx {
         float:none;
         width:95%;
         margin:auto;
     }
     
     #sx {
         width: 95%;
         margin:auto;
         margin-bottom: 6%;
     }
     
     .le_opere{
         width: 90%;
         margin:2% auto;
         
     }
     
     .notizie{
         width: 80%;
         margin:2% auto;
     }
     
     .notizie h4{
         text-align:center;
     }
     .notizie p {
         text-align: justify;    
     }
     
     #mappa{
         display:none;
     }
     
     .notizie img{
         display:none;
     }
     
      
     #calendario {
         width:90%;
         margin:2% auto;
     }
     
     .tabella_personaggi, .riga_personaggi, .cella_personaggi {
         display:block;
         width:100%;
     }
      
    .tabella_fanart .cella_fanart img{
         width:100%;  
     }
     
     .cella_fanart, .cella_video {
         width:33%;
     }
     
     .tabella_fanart, .tabella_video {
         width:97%;
         }  
     
     #titolo_form {
         font-size:1.5em;
     }
     #tabella_form, #riga_form, .cella_form {
         display:block;
         width:96%;
         margin:2% auto;
     }
     
     #tabella_form2 {
         width:100%;
     }
     
     #cella_form2 {
         width:50%;
     }

}