*{ 
box-sizing: border-box;
margin: 0;
padding: 0; 
}

body 
{
background-color: white;
max-width: 100%
margin: 0px auto;
}

header 
{
text-align: center;
padding: 20px 0;
}

header h1 
{
font-size: 2.5 rem;
color:#333;
margin-bottom: 20px;
}

.nav-menu 
{
list-style: none;
display:flex;
justify-content:center;
gap:80px;
}

.nav-menu li a 
{
text-decoration: none;
transition: color 0.3s ease;
}

main 
{
padding: 1px
}

.row 
{
display:flex;
flex-direction: row; 
background-color: #d5d5d4;
}

.post-text-box 
{
flex: 50%
background-color; yellow;
padding: 40px;
}

.profile 
{
flex: 20%;
padding: 10px;
text-align: center;
background-color: red;
}

.profile img 
{
width: 80px;
height: 80px;
border-radius: 50%;
margin: 10px 0;
}

.profile h1 
{
text-align: center;
}

.post-text-box h2,
.post-text-box h3 
{
margin-bottom: 40px;
}

footer 
{
display: flex;
justify-content: center;
margin-bottom: 20 px;
}

footer a 
{
margin: 5px;
text-decortation: none;
color: blue;
 padding: 20 px;
}

header 
{
font-family: Arial;
background-color: #fffdd6;
}

.nav-menu li a 
{
color: blue;
font-size: bold;
transition: color 0.3s ease;
}

.nav-menu li a:hover 
{
color: green;
}