.main-header {
  background-color: #0d1527; 
  padding: 15px 30px;
}

.nav-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  
}

#index{
    background-color: #0F172A;
}

#index h1{
    text-align: center;
    color: #F4C95D;
}

#index h2{
    color: #F8FAFC;
}
#index p{
    color: #CBD5E1;
}

#index img {
    display: block;      
    margin: 0 auto;
    width: 500px;
    height: 325px;
    object-fit: cover;
    border-radius: 6px; 
}

#index button{
   background-color: #F4C95D;
   color: #0F172A;
}

#investigation{
    background-color: #0F172A;
}

#investigation h1{
    color: #F4C95D;
    text-align: center;
}
#investigation h2{
    color: #F8FAFC;
}
#investigation p{
    color: #CBD5E1;
}
.cards-container {
  display: block;
  white-space: nowrap;
}

.box {
  display: inline-block;
  vertical-align: top;
  width: 260px;
  border: 2px solid #475569;  
  margin: 10px;
  background-color: #fff;
  white-space: normal;
}

summary {
  background-color: #172033; 
  color: #F4C95D;
  padding: 10px 12px;
  font-family: 'Times New Roman', serif;
  font-weight: bold;
  font-size: 18px;
  cursor: pointer;
  border-bottom: 2px solid #1e2a40; 
}

.content {
  background-color: #1E293B;  
  padding: 12px;
  font-family: 'Times New Roman', serif;
  font-size: 16px;
  line-height: 1.4;
  color: #CBD5E1;
}

#investigation button{
   background-color: #F4C95D;
   color: #0F172A;
}



#evidence{
    background-color: #0F172A;
}

#evidence h1{
    text-align: center;
    color: #F4C95D;
}

#evidence h2{
    color: #F8FAFC;
}
#evidence p{
    color: #CBD5E1;
}

#evidence button{
   background-color: #F4C95D;
   color: #0F172A;
}


.cards-container {
  display: flex;             
  justify-content: center;  
  align-items: flex-start;   
  gap: 20px;                
  flex-wrap: nowrap;        
}

.suspect {
  display: flex;
  flex-direction: column; 
  align-items: center;   
}

.suspect img {
    width: 250px;
    height: 250px;
    object-fit: cover;
    border-radius: 6px;       

}

.suspect button{
    margin-top: 10px;
}