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

 .container {
     display: flex;
     flex-direction: row;
     max-width: 1200px;
     margin: 20px auto;
     background-color: #fff;
     border-radius: 15px;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
 }

 .sidebar {
     background-color: #b3cde0;
     width: 30%;
     padding: 20px;
     border-radius: 15px 0 0 15px;
     display: flex;
     flex-direction: column;
     align-items: center;
 }

 .sidebar img {
     border-radius: 50%;
     width: 150px;
     height: 150px;
     object-fit: cover;
 }

 .sidebar h1 {
     margin: 15px 0 5px;
     color: #1a3551;
 }

 .sidebar p {
     margin: 5px 0;
     font-size: 14px;
 }

 .sidebar a {
     color: #1a3551;
     text-decoration: none;
     font-size: 16px;
     margin: 10px 0;
 }

 .sidebar .contact-info {
     margin-top: 20px;
     font-size: 14px;
 }

 .main-content {
     padding: 40px;
     width: 70%;
     border-radius: 0 15px 15px 0;
 }

 .main-content h2 {
     color: #1a3551;
     border-bottom: 2px solid #b3cde0;
     padding-bottom: 10px;
     margin-bottom: 20px;
 }

 .technologies {
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
     margin-top: 20px;
 }

 .technologies img {
     width: 100px;
     height: auto;
 }

 .languages {
     margin-top: 40px;
 }

 .languages h2 {
     color: #1a3551;
     border-bottom: 2px solid #b3cde0;
     padding-bottom: 10px;
     margin-bottom: 20px;
 }

 .language-bar {
     margin-bottom: 10px;
 }

 .language-bar p {
     margin: 0;
     font-size: 16px;
     color: #333;
     display: flex;
     justify-content: space-between;
 }

 .progress-bar {
     width: 100%;
     background-color: #d0e6fa;
     border-radius: 10px;
     overflow: hidden;
     margin-top: 5px;
     height: 10px;
 }

 .progress-bar span {
     display: block;
     height: 100%;
     background-color: #1a3551;
 }

 .publications {
     margin-top: 40px;
 }

 .publications h2 {
     color: #1a3551;
     border-bottom: 2px solid #b3cde0;
     padding-bottom: 10px;
     margin-bottom: 20px;
 }

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

 .publications li {
     background-color: #d0e6fa;
     padding: 15px;
     border-radius: 10px;
     margin-bottom: 10px;
     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
 }

 .publications li strong {
     color: #1a3551;
 }

 .publications li a {
     color: #1a3551;
     text-decoration: none;
     font-weight: bold;
 }

 .publications li a:hover {
     text-decoration: underline;
 }

 /* Specific language progress bar lengths */
 .espanhol {
     width: 100%;
 }

 .ingles {
     width: 80%;
 }

 .portugues {
     width: 60%;
 }