body{
    font-family: 'robotoregular';
    background-color: #E0E0E0;
}
  
  main {
    flex: 1;
  }
/* Make the button white */
.navbar-toggler {
    background-color: #E0E0E0 ; /* Makes the button white */
    
}

/* Ensure navbar links are white and have a bottom border on hover */
.navbar.bg-dark .navbar-nav .nav-link,
.navbar.bg-dark .navbar-nav.bg-dark .nav-link.active {
    color: #fff !important;
}

.navbar.bg-dark .navbar-nav .nav-link:hover span,
.navbar.bg-dark .navbar-nav.bg-dark .nav-link.active span {
    border-bottom: 1px solid #fff;
}

/* Prevent the navbar from growing when hovering over the link */
.nav-link {
    border-bottom: 1px solid transparent; /* Transparent border-bottom */
}



footer a{
    text-align: center;
    color: #fff;
}
.min-height{
    min-height: 40vw;
}

/*INDEX/ABOUT.HTML*/


h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{
    font-family: 'cabinbold';
    text-align: center;
}

#zapfinoFont{
    font-family: 'Zapfino', sans-serif;
    font-weight: bold;                                           
}





/*CONTACTS.HTML*/


.link {
    text-decoration: none;
    color: #000000; 
}

.link:hover{
    text-decoration:underline ;
    color: white;
}



/*music.html*/


.blu-bg{
    background-color: rgb(0, 55, 175);
    color: white;  
    
}
.blu-bg a{
    text-decoration: underline;
    color: white;
    text-decoration: none;
}

.blu-bg a:hover{
    text-decoration: underline;
}

.red-bg{
    background-color: rgb(159, 0, 0);
    color: white;  
    
}

.red-bg a, .bg-green a, .bg-gray a{
    text-decoration: underline;
    color: white;
    text-decoration: none;
}

.red-bg a:hover,.bg-green a:hover, .bg-gray a:hover {
    text-decoration: underline;
}


/*SCOPRI.HTML*/

.text-green, .text-green a{
   color: green;
}

.foto-download{
    margin-bottom: 70px;
    padding: 60px;
}


 /* Impostazioni per l'immagine nel modale */
 #modalImage {
    width: 1200px; /* Aumenta la dimensione dell'immagine */
    height: auto;
    display: block;
    margin: 0px; /* Centro orizzontalmente l'immagine */
}

/* Aggiungi centramento verticale e orizzontale al contenitore del modale */
.modal-dialog {
    max-width: 100%; /* Modifica per la larghezza desiderata */
}

.modal-body {
    display: flex;
    justify-content: center;
    align-items: center;
}

.bg-gray{
    background-color: gray;
    color: white;
}

.bg-green{
    background-color: green;
    color: white;
}