body{
  margin: 0px;
  background-color: rgb(75 , 75, 75);  
  padding-bottom: 0px;
  padding-top: 0px;
}
header{
  background-color: rgb(196,188,144);
  padding-bottom: 0.5rem;
}
#titolo_pagina{
  text-align: center;
}
#titolo_pagina h1{
  font-size: 40px;
  margin-top: 1rem;
  align-self: center;
  margin-left: 5rem;
  color: rgb(0, 0, 0);
}
#pulsante_ritorno{
  background-color: rgb(79,138,167);
  border-radius: 15px;
  border: solid;
  border-color: rgb(205,158,79);
  font-size: 1.8rem;
  color: rgb(0,0,0);
  height: 2rem;
  width: 24rem;
  padding-top: 0rem;
  padding-bottom: 0rem;
  padding-left: center;
  margin-bottom: 1rem;
  text-align: center;
  margin-left: 1rem
}
#pulsante_ritorno a{
  text-decoration: none;
  color: rgb(0, 0, 0);
}
#pulsante_ritorno:active{
  transform: scale(0.7);
}
#carosello{
  width: 70%;
  display: contents;
  align-items: center;
  justify-content: center;
}
#img_carosello img{
  padding-top: 5rem;
  display: block;
  width: 50%;
  margin-left: 2rem;

}
#img_carosello img:nth-child(1){
  display: flex;
}
#carosello button{
  margin-left: 15px;
  margin-right: 15px;
  width: 6rem;
  height: 6rem;
  background: rgb(71,101,142);
  border: solid rgb(9, 46, 9) 0.5rem;
  border-radius: 18px;
  cursor: pointer;
  outline: none;
  transition: all 0.1s ease-in-out;
}
#carosello .prec{
  font-size: 20px;
  position: fixed;
  left: 0px;
}
#carosello .prec a{
  text-decoration: none;
  color: rgb(221, 221, 0);
  font-size: 4rem;
}
#carosello .succ{
  font-size: 20px;
  position: fixed;
  right: 0px;
}
#carosello .succ a{
  text-decoration: none;
  color: rgb(221, 221, 0);
  font-size: 4rem;
}