* {

  margin: 0;

  padding: 0;

}



body {

  font-family: "Cambria";

  font-size: 16px;

  color: darkgray;

  background-image: radial-gradient(rgb(45, 38, 145), rgb(127, 188, 212), rgb(157, 179, 182));

}



.Intestazione {

  display: flex;

  background-image: radial-gradient(rgb(12, 150, 241), rgb(127, 188, 212), rgb(134, 139, 139));

  align-items: center;

  justify-items: center;

  justify-content: space-between;

}



.Logo {

  font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;

  font-size: 70px;

  font-weight: 300;

  color: wheat;

  padding-left: 10px;

  padding-bottom: 10px;

}



.Titolo {

  font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;

  font-size: 50px;

  color: wheat;

  text-align: center;

  margin-top: 2px;

  margin-left: auto;

  margin-right: auto;

}



nav {

  margin-bottom: 25px;

}



nav div {

  width: 100%;

  background-color: gainsboro;

  display: flex;

  align-items: stretch;

  justify-content: space-around;

}



.main-container {

  width: 86%;

  background-color: whitesmoke;

  margin-left: auto;

  margin-right: auto;

  border-radius: 25px;

  padding-top: 23px;

  padding-bottom: 20px;



  display: grid;

  grid-template-columns: 2fr 5fr;

  grid-template-rows: auto auto auto auto auto auto auto;

  grid-column-gap: 10px;

  grid-row-gap: 10px;

}



.aside_sx {

  grid-column: 1;

  grid-row: 1;

  grid-row: 1 / span 3;

  background-color: white;

  justify-content: space-around;

  border-color: rgb(200, 212, 212);

  border-width: 0px;

  border-style: solid;

  border-radius: 7%;

}



.articolo {

  grid-column: 2;

  grid-row: 1;

  background-color: whitesmoke;

}



.aside_sx_header {

  background-color: rgb(8, 173, 214);

  border-bottom: 2px solid rgb(25, 13, 201);

  margin-top: 20px;

  margin-bottom: 20px;

  border-radius: 25px;

}



.aside_sx_div {

  display: flex;

  align-items: center;

  text-align: center;

}



.aside_sx_div2 {

  display:block;

  align-items: center;

  text-align: center;

}



.immagine_aside {

  width: 110px;

  height: auto;

  padding: 10px;

  border-radius: 30%;

}



.immagine_aside2 {

  border-radius: 20%;

  border-width: 20px;

  border-color: rgb(8, 173, 214);

  border-style: solid;

}



.aside_sx_div_p {

  font-size: 23px;

  color:aliceblue;

  font-style: italic;

}



.articolo_header {

  background-color: rgb(8, 173, 214);

  border-bottom: 2px solid rgb(25, 13, 201);

  margin-top: 20px;

  margin-bottom: 20px;

  border-radius: 25px;

}



.articolo_div {

  display: flex;

  align-items: center;

  text-align: center;

}



.immagine_articolo {

  width: 110px;

  height: auto;

  padding: 10px;

  border-radius: 30%;

}



.articolo_div_p {

  font-size: 23px;

  color:aliceblue;

  font-style: italic;

}



.articolo_h3 {

  font-size: 36px;

  font-style: italic;

  margin-bottom: 20px;

  margin-top: 10px;

  text-align: left;

  color: rgb(44, 40,40);

}







.articolo_p {

  text-align: justify;

  padding-left: 10px;

  padding-right: 10px;

}





.header_h2 {

  font-size: 26px;

  color: rgb(247, 244, 244);

  text-align: left;

  padding-left: 20px;

  margin-bottom: 10px;

}





table {

  vertical-align: middle;

  align-items: center;

  width: 100%;

  margin-top: 20px;

}



th {

  background-color: rgb(8, 173, 214);

  color: white;

  white-space: nowrap;

  border-bottom: 2px solid rgb(25,13,201);

  border-radius: 40%;

  height: 40px;

  font-size: 26px;

}



tr:hover {background-color: gray;}



td {

  border-bottom: 1px dotted rgb(8, 173, 214);

  border-left: 1px dotted gray;

  text-align: center;

  font-size: 20px;

}