* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

    font-family: 'Arial', sans-serif;

    background-color: black;

}



body {

    background: #111;

    color: #fff;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    align-items: center;

    width: 100%;

    height: 100%;



}



.navbar {

    display: flex;

    flex-direction: row;

    background-color: black;

    justify-content: space-between;

    align-items: center;

    gap: 20px;

    width: 100%;

    position: absolute;

    height: 100px;

    padding-right: 20px;

    padding-left: 20px;

}



.item{

    display: flex;

    background-color: black;

    height: 40px;

    font-size: 20px;

    flex-direction: row;

    flex-wrap: nowrap;

    align-items: center;

}



.logo{

    display: flex;

    background-color: black;

    height: 40px;

    font-size: 20px;

    flex-direction: row;

    flex-wrap: nowrap;

    align-items: center;

}



.right-item{

    display: flex;

    background-color: black;

    height: 70px;

    font-size: 20px;

    gap: 10px;

    flex-direction: row;

    flex-wrap: nowrap;

    align-items: center;

}



.left-item{

    display: flex;

    background-color: black;

    height: 70px;

    font-size: 20px;

    gap: 10px;

    flex-direction: row;

    flex-wrap: nowrap;

    align-items: center;

}



.home{

    display: flex;

    flex-direction: column;

    width: 100%;

    background-color: black;

    margin-top: 100px;



    align-items: center;

    justify-content: center;



}



.immagine{

    width: 50%;

    height: 80%;

}



.footer{

    display: flex;

    flex-direction: column;

    flex-wrap: nowrap;



    margin-bottom: 0px;

    justify-content: center;

    align-items: center;

    width: 100%;



}



.sidebar {

  height: 100vh;

  width: 250px;

  margin-top: 100px;

  position: fixed;

  left: -250px;

  top: 0;

  background-color: #111;

  padding-top: 20px;

  transition: 0.3s;

}



.sidebar h2 {

  color: white;

  text-align: center;

}



.sidebar a {

  display: block;

  color: white;

  padding: 15px;

  text-decoration: none;

}



.sidebar a:hover {

  background-color: #575757;

}



/* Contenuto */

.content {

  padding: 20px;

}

.cursive_font{

    font-family: 'Times New Roman', Times, serif;

    font-style: italic;

}

/* Bottone menu */

.menu-btn {

  font-size: 24px;

  margin: 10px;

  cursor: pointer;

  color: white;

}



.carousel {

    width: 600px;

    height: 400px;

    overflow: hidden;

}



.carousel img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: 

        opacity 1.2s ease-in-out,

        transform 6s ease-in-out;

}