nav {
    background-color: rgb(69, 184, 69);
    color: white;
    box-shadow: 0px 5px 10px rgb(46, 46, 46);
    position: sticky;
    top: 0;
    z-index: 10;
    font-family: Georgia, 'Times New Roman', Times, serif;
}
a{text-decoration: none;color: white;font-size: 100%;}
li{display:inline-block;padding:0px 25px 0px 25px;color: white;}
ul{padding: 15px;margin: 0px 0px 0px 30px;}
html, body {
    height: 100%;
    margin: 0;
}

body {
    display: flex;
    flex-direction: column;
}
p.mission{font-size: 1.5vw;}
.giornale{padding: 10px 25% 10px 25%; font-size: 20px;}
div{text-align: justify; font-family: Georgia, 'Times New Roman', Times, serif ;  font-size: 1vw;/*color:grey;*/}
img{width: 100%; }
#titolo{color:white;/*box-shadow: 0px 1px 5px rgb(46, 46, 46);*/z-index: 50;}
#titoloimmagine{width: 140px;}
*{box-sizing: border-box;}
.menuTendina{position: absolute;text-decoration: none;z-index: 1;min-width: 150px;color:black;}
.argomentoStoria{background-color: rgb(35, 124, 102);color: white;writing-mode: vertical-rl; text-orientation: sideways;padding: 5px;}
div.aStoria h1, div.aStoria b, div.aStoria span{color:rgb(35, 84, 102);}
.argomentoMusica{background-color: rgb(153, 60, 214);color: white;writing-mode: vertical-rl; text-orientation: sideways;padding: 5px;}
div.aMusica h1, div.aMusica b, div.aMusica span{color:rgb(153, 60, 174);}
.argomentoProgetti{background-color: rgb(75, 60, 214);color: white;writing-mode: vertical-rl; text-orientation: sideways;padding: 5px;}
div.aProgetti h1, div.aProgetti b, div.aProgetti span{color:rgb(75, 60, 174);}
.argomentoCinema{background-color: rgb(172, 170, 58);color: white;writing-mode: vertical-rl; text-orientation: sideways;padding: 5px;}
div.aCinema h1, div.aCinema b, div.aCinema span{color:rgb(172, 170, 58);}
.argomentoDonne{background-color: rgb(163, 27, 27);color: white;writing-mode: vertical-rl; text-orientation: sideways;padding: 5px;}
div.aDonne h1, div.aDonne b, div.aDonne span{color: rgb(163, 27, 27);}
.argomenti{display: grid;grid-template-columns: 97% auto;font-size: 20px;}
div.Saluti h1, div.Saluti b, div.Saluti span{color: rgb(116, 27, 75);}
div.Ferragni h1, div.Ferragni b, div.Ferragni span{color: rgb(116, 27, 75);}
div.Bronx h1, div.Bronx b, div.Bronx span{color: rgb(121, 63, 4);}
div.Wrapper b, div.Wrapper span{color: rgb(12, 52, 61);}
div.Wrapper h1{color: rgb(39, 78, 19)}
div.Ebrei b, div.Ebrei span, div.Ebrei h1{color: rgb(0, 0, 0);}
div.Stress b, div.Stress span, div.Stress h1{color: rgb(39,78,19)}
div.Rosa h1{color: rgb(209, 100, 107)}
div.Rosa b, div.Rosa span{color: rgb(23, 134, 204)}
div.Tale h1, div.Tale b, div.Tale span{color: rgb(153, 0, 31)}
div.Align{text-align: right;}
footer {
    background-color: rgb(69, 184, 69);
    color: white;
    text-align: center;
    padding: 5px;
}
h1{text-align: center;}
.grid{display: grid;grid-template-columns: 50% auto;gap:20px; margin:5px;}
.copertina{background-color: red; border: 2px solid black; color: rgb(0, 0, 0);}
div b{text-align: center;}
.pdf-viewer {
    flex: 1;          /* takes remaining space */
    width: 100%;
    border: none;
}
/*box-shadow: 0px 5px 10px rgb(46, 46, 46);