#foto .turn-page{
     background-color: #CCCCCC;
     background-size: 100% 100%;
}
/* Stile per la barra di navigazione */
 #navigation {
     width: 98%;
     display: flex;
     justify-content: center;
     align-items: center;
     bottom: -40px;
     background: #d3d3d3;
     padding: 5px 10px;
     border-radius: 20px;
     gap: 10px;
}
 #page-slider {
     flex-grow: 1;
     width: 100%;
     -webkit-appearance: none;
     height: 5px;
     background: #555;
     border-radius: 5px;
     outline: none;
     opacity: 0.7;
     transition: opacity 0.2s;
}
 #rotate-gif {
     position: fixed;
     flex-direction: column;
     top: 20%;
     background: none;
     display: none;
     justify-content: center;
     align-items: center;
     z-index: 1000;
}
 #rotate-gif img {
     width: 720px;
}
 #rotate-message {
     font-size: 3em;
     font-weight: 600;
     margin-bottom: 1em;
     text-align: center;
     font-family: 'Poppins', sans-serif;
}
 .nav-button {
     position: fixed;
     top: 50%;
     transform: translateY(-50%);
     background: none;
     border: none;
     font-size: 2rem;
     padding: 10px 10px;
     z-index: 1000;
     cursor: pointer;
     user-select: none;
     display: none;
}
 .nav-button.left {
     left: 40px;
}
 .nav-button.right {
     right: 40px;
}
 .hidden {
     display: none;
}
 .material-icons {
     font-size: 56px;
     color: #333;
}