body{
background:#cce0ff;
font-family:Verdana;
}

header{
background:#0033cc;
color:white;
padding:15px;
font-size:28px;
text-align:center;
}

.container{
display:flex;
margin:20px;
}

.sidebar{
width:250px;
background:white;
border:3px solid #0033cc;
padding:10px;
}

.main{
flex:1;
background:white;
border:3px solid #0033cc;
padding:15px;
margin-left:10px;
}

.friend-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:5px;
}

.friend{
border:1px solid black;
padding:5px;
text-align:center;
}

.post{
border:1px solid #aaa;
background:#f4f7ff;
padding:10px;
margin:10px 0;
}