body {
  width: 80%;
  margin: 0 auto;
  font-size: 1.2rem;
  font-family: Palatino;
  background: rgb(50 50 59);
  list-style-type: square;
}

#pm-name{
  color: rgb(221 221 221);
  font-style: bold;
  text-align: center;
}

img {
  width: 100%;
  border-radius: 40%;
  border: antiquewhite 3px solid;
}

#flex-container {
  display: flex;
}

#research{
  margin-right: 10%;
  border: 3px double;
  background-color : lightgrey;
  border-radius : 10px;

}

#flex-container2{
  display: flex;
  flex-direction: column;
  align-items: center;
}

#personal-data{
  width: 20%;
  text-align: center;
}

#email{

}
#didattica{
  margin-top: 10%;
  text-align: center;
  border : 0.1px dotted grey;
  border-radius : 10px;
  color: antiquewhite;

}

.didattica{
  margin: 3px;
  text-align: left;
  border : 1px solid;
  padding : 5px;
  border-radius : 10px;

}

#flex-didattica{
  display: flex;
  justify-content: space-around;
}

#attivita-didattica{
  margin : 10px;
  margin-right : 5px;
  width : 50%;
}

#tesi-tirocini{
  margin : 10px;
  margin-left : 5px;
  width : 50%;

}

#other-activities{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 10%;
  border: 1px dashed;
  margin-bottom: 10%;
  border-radius : 10px;
  border-color: lightgrey;
}

#otac{
  color: lightgrey;
}

#footer{

}

a {
  color: darkred;
  font-weight: bold;
}

a:link {
}

a:visited {
  color : purple;
}

a:focus {

}

a:hover {
  border-bottom: 1px solid;
background: lightblue;
}

a:active {

}