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

body{

display:flex;

font-family:Georgia, serif;

background:#f6f1eb;

color:#332d29;

}

.sidebar{

width:260px;

height:100vh;

padding:40px;

position:fixed;

background:#ebe2d7;

border-right:1px solid #d5c9bb;

}

.sidebar h1{

letter-spacing:5px;

margin-bottom:10px;

}

.subtitle{

font-size:.9rem;

opacity:.7;

margin-bottom:40px;

}

nav{

display:flex;

flex-direction:column;

gap:15px;

}

nav a{

text-decoration:none;

color:#332d29;

transition:.2s;

}

nav a:hover{

padding-left:8px;

}

main{

margin-left:300px;

padding:50px;

max-width:900px;

}

.post{

margin-top:40px;

}

.post img{

width:100%;

border-radius:12px;

box-shadow:0 10px 30px rgba(0,0,0,.12);

}

.dialogue{

margin-top:20px;

padding:25px;

background:white;

border-left:5px solid #a58f7c;

font-style:italic;

line-height:1.7;

}

.caption{

margin-top:15px;

opacity:.6;

font-size:.85rem;

}