body {  
    font-family: Arial, sans-serif;  
    margin: 0;  
    padding: 0;  
}  
  
header {  
    background-color: #333;  
    color: #fff;  
    padding: 10px;  
}  
  
nav ul {  
    list-style-type: none;  
    margin: 0;  
    padding: 0;  
    overflow: hidden;  
}  
  
nav ul li {  
    float: left;  
}  
  
nav ul li a {  
    display: block;  
    color: #fff;  
    text-align: center;  
    padding: 14px 16px;  
    text-decoration: none;  
}  
  
.container {  
    display: flex;  
}  
  
.sidebar {  
    flex: 1;  
    background-color: #f8f9fa;  
    padding: 20px;  
}  
  
.profile-image {  
    width: 100px;  
    height: 100px;  
    border-radius: 50%;  
}  
  
.content {  
    flex: 3;  
    padding: 20px;  
}  
  
.tab-button {  
    margin-bottom: 10px;  
    padding: 10px 20px;  
    background-color: #333;  
    color: #fff;  
    border: none;  
    cursor: pointer;  
}  

.tab-button:hover {
    background-color: #d95763;
}
  
.tab-content {  
    display: none;  
    margin-top: 20px;  
}  
  
.tab-content.active {  
    display: block;  
}