body {
   margin: 0;
   font-family: Arial, sans-serif;
   color: #333;
 }


 .cv-container {
   display: flex;
   min-height: 100vh;
 }


 .sidebar {
   width: 250px;
   background-color: #d8c4f5;
   padding: 20px;
   text-align: center;
 }

 .foto {
   width: 200px;
   height: 200px;
   border-radius: 50%;
   object-fit: cover;
   margin-bottom: 15px;
 }


 .main-content {
   flex-grow: 1;
   padding: 40px;
   background-color: #f9f1ff;
 }

 .card {
   background-color: white;
   border-radius: 15px;
   padding: 20px;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
 }

 .doppia-colonna {
   display: flex;
   justify-content: space-between;
   gap: 40px;
   flex-wrap: wrap;
 }

 .colonna {
   flex: 1;
   min-width: 250px;
 }

 .card .colonna {
   background-color: #fff;
   padding: 15px;
   border-radius: 10px;
 }

 h1,
 h2 {
   color: #222;
   margin-bottom: 10px;
 }

 section {
   margin-bottom: 30px;
 }

 ul {
   list-style: none;
   padding: 0;
 }

 ul li {
   margin-bottom: 10px;
 }


 @media (max-width: 768px) {

   .cv-container,
   .sidebar,
   .doppia-colonna {
     flex-direction: column;
   }

   .sidebar {
     width: 100%;
   }
 }

 #map {
   height: 180px;
   border-radius: 15px;
 }

 .bottone {
   background-color: #7b5ea1;
   color: #f9f1ff;
   padding: 10px 20px;
   border: none;
   border-radius: 5px;
   font-size: 16px;
   font-weight: bold;
   transition: background-color 0.3s;
   display: inline-block;
   text-decoration: none;
 }

 .bottone:hover {
   background-color: #7b5ea156;
   color: #7b5ea1;
 }