*{
  box-sizing:border-box;
  font-family:Arial, Helvetica, sans-serif;
}
body{
  margin:0;
  background:#f6b21a;
}
header{
  background:#5b6fa6;
  padding:10px;
  display:flex;
  align-items:center;
}
header img{
  height:60px;
}
.search{
  margin-left:auto;
}
.search input{
  padding:8px;
  border-radius:6px;
  border:1px solid #ddd;
}

nav{
  background:#f6b21a;
  display:flex;
  justify-content:center;
  gap:18px;
  padding:10px;
  font-weight:bold;
}
nav a{
  color:#fff;
  text-decoration:none;
}

.marquee{
  background:#3b4aa0;
  color:#fff;
  padding:6px;
  display:flex;
  align-items:center;
  font-size:14px;
}

.table-wrap{
  padding:10px;
}
table{
  width:100%;
  border-collapse:collapse;
  background:#fff;
}
th, td{
  border:1px solid #ddd;
  padding:8px;
  text-align:center;
}

.whatsapp{
  background:#25D366;
  color:#fff;
  padding:6px 10px;
  border-radius:6px;
  text-decoration:none;
}

footer{
  background:#f6b21a;
  text-align:center;
  padding:20px;
}

.social a{
  margin:0 6px;
  padding:10px;
  border-radius:50%;
  color:#fff;
  display:inline-block;
  font-weight:bold;
}
.yt{background:#FF0000;}
.fb{background:#1877F2;}
.tg{background:#229ED9;}
.wa{background:#25D366;}

@media (min-width:768px){
  .table-wrap{
    width:80%;
    margin:auto;
  }
}