*{

	margin:0;

	padding:0;

}



body{

	font-size: 20px;

  font-family: 'Edu SA Beginner', cursive;

}

.contenitore{

  margin: 20px;

}

.cont{

  height: 250px;

  margin: 50px 20px;

  background-color: #fff;

  border-radius: 50px;

  box-shadow: 0px 0px 20px 20px rgba(255,255,255,1);

}

.cont-row{

  display: flex;

  justify-content: center;

  align-items: center;

  margin-top: 70px;

}

.name{

  margin-top:20px;

  margin-left: 18%;

}

.cont-box{

  display: flex;

  justify-content: space-between;

  align-items: center;

  border-radius: 7px;

  height: 10px;

  width: 80%;

  background-color: #d1eff7;

  box-shadow: 3px 6px 20px 0 rgba(0,0,0,0.5);

}

.cont-img{

  border: solid 4px #d1eff7;

  border-radius:55px;

  width: 100px;

  height: 100px;

  overflow: hidden;

  box-shadow: 3px 6px 20px 0 rgba(0,0,0,0.5);

}

.foto{

	width: 100px;

}

.cerchio{

  display: flex;

  justify-content: center;

  align-items: center;

  text-align: center;

  font-size: 18px;

  width: 50px;

  height: 50px;

  background-color: #d1eff7;

  border-radius: 25px;

  box-shadow: 3px 6px 20px 0 rgba(0,0,0,0.5);

  transition: 250ms linear;

}

.esperienza{

  background-color: #fff;

  border: solid 3px #d1eff7;

  border-radius: 15px;

  margin:  0  20% 10px;

  padding: 5px 20px;

  width: 60%;

}

.cerchio:hover{

  transform: scale(1.3);

}

.descrizione {

  font-size: 20px;

  padding: 5px;

}

.periodo{

  font-size: 15px;

  padding: 5px;

}

@media (max-width: 480px) {

  .cerchio{

    width: 30px;

    height: 30px;

    border-radius: 15px;

    font-size: 10px;

  }

}