body {
  margin: 0;
  font-family: Arial;
  background: #eef3f8;
}
header{

    background:#1565c0;

    color:white;

    text-align:center;

    padding:40px 20px;

}

header h1{

    font-size:2.5rem;

    margin-bottom:10px;

}
.bar {
  height: 5px;
  background: #1565c0;
}
.container {
  max-width: 1100px;
  margin: 30px auto;
  padding: 20px;
}
.card {
  display: flex;
  gap: 20px;
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  margin-bottom: 20px;
  text-decoration: none;
  color: #222;
}
.thumb {
    width: 180px;
    height: 120px;
    background: #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 8px;
}

.thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}