#nav {
  background-color: black;
}

.body {
	background-color: rgb(0, 0, 0);
}

#background {
	background-image: url("immagini/Hollywood.jpg");
	background-attachment: fixed; 
	background-size: cover; 
	background-repeat: no-repeat;
}

#space {
  padding: 12%;
}

#title-01 {
  font-family: 'EB Garamond', serif;
  text-align: center;
  font-size: 100px;
  color: white;
}

#items {
  font-family: 'EB Garamond', serif;
  text-align: center;
  color: white;
  padding: 2%;
}


#tit2 {
  font-family: 'EB Garamond', serif;
  font-size: 29px;
  text-align: center;
  color: rgb(255, 213, 0);
}


.navbar-brand {
	font-family: 'EB Garamond', serif;
	font-size: 20px;
	text-shadow: 2px 2px 5px black;
}

.card-title {
  font-family: 'EB Garamond', serif;
	font-size: 25px;
}

.titolo2 {
  font-family: 'EB Garamond', serif;
  text-align: center;
  font-size: 40px;
  color: white;
}

.text {
	color: white;
} 

#collapseLeggidipiù {
text-align: left;
}

#prospect {
	background-color: yellow;
}

.graph {
  display: block;
  margin: 0 auto;
}

.graph:hover {
  background-color: black;
  opacity: 50%;
  text-align: center;
}

.btn { 
	position: center;
}

#bottone {
	background-color: rgb(255, 213, 0);
	border-color: black;
	color: black;
	border-radius: 9px;
	transition-duration: 0.4s;
	font-family: 'EB Garamond', serif;
	font-size: 20px;
  position: relative;
}

#bottone:hover {
  background-color: black;
  color: white;
}

#testocollapse {
	color: white;
	position: left;
}

#imgcarousel {
	height: 400px;
  width: 800px;
}

.iframe-container {
  text-align: center;
}

.iframe-container iframe {
  position: relative;

}

#tableitem {
  width: 100%;
}

#tablebook {
  width: 100%;
}

#textcar {
font-size: 15px;
}

.nero {
background: black;
}

.backbiblio {
background: rgb(0, 0, 0);
border-radius: 25px;
margin: auto;
}

.titolocard1 {
	color: white;
	text-align: center;
}

.cardrossa {  
  background-color:rgb(0, 0, 0) ;
	margin-left: 30px; /*margini delle card per farle respirare*/
	margin-right: 30px;
	max-width: 1000px;
}

.cardok {  /*margini delle card per farle respirare*/
	margin-left: 30px;
	margin-right: 30px;
	max-height: 800px;
}

.form-group { 
	color: white;
}

a:link {
  color: white;
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: white;
  background-color: transparent;
  text-decoration: underline;
}

a:hover {
  color: white;
  background-color: transparent;
  text-decoration: underline;
}

a:active {
  color: white;
  background-color: transparent;
  text-decoration: underline;
}

h5 {
  float: none;
}


/*pagina catalogo miniature*/

#dark {
  background-color: black;
}


/*ombra delle card*/

.cardok {
  /* Add shadows to create the "card" effect */
  box-shadow: 5px 5px 10px 5px black;
  transition: 0.3s;
}

.modal-header {
  background-color: rgb(0, 0, 0);
}

.modal-footer {
  background-color: rgb(0, 0, 0);
}

.modal-content {
  background-color: rgb(255, 213, 0);
}

.modal-title {
  font-family: 'EB Garamond', serif;
  font-size: 24px;
}


/* On mouse-over, add a deeper shadow */
.cardok:hover {
  box-shadow: 10px 20px 30px 0 black;
  cursor: pointer;
}