body{
font-family: Arial;
}

header{
background:#333;
color:white;
padding:10px;
}

.container{
display:flex;
}

.sidebar{
width:200px;
background:#eee;
padding:20px;
}

.main{
flex:1;
padding:20px;
}

.question{
border-bottom:1px solid #ccc;
padding:10px;
}

.topbar{
display:flex;
align-items:center;
justify-content:space-between;
padding:15px;
background:#333;
color:white;
}

.logo-text{
font-size:28px;
color:white;
text-decoration:none;
font-weight:bold;
}

.search-box input{
width:500px;
padding:8px;
}

.user-area{
display:flex;
gap:15px;
align-items:center;
}

.username{
color:white;
text-decoration:none;
font-weight:bold;
}

.container{
display:flex;
}

.sidebar{
width:200px;
background:#eee;
padding:20px;
}

.main{
flex:1;
padding:20px;
}

.question-box{
padding:10px;
border-bottom:1px solid #ddd;
}

.question-title{
font-size:18px;
text-decoration:none;
color:black;
}

.question-box{
width:100%;
height:160px;
padding:10px;
font-size:15px;
}
.answer-box{
border-bottom:1px solid #ddd;
padding:15px 0;
}

.answer-meta{
font-size:14px;
color:#444;
margin-bottom:5px;
}

.time{
margin-left:10px;
color:gray;
font-size:13px;
}

.delete-btn{
margin-left:10px;
color:red;
text-decoration:none;
font-size:13px;
}