:root {
  --primary:#0a3d62;
  --secondary:#3c6382;
  --light:#f5f9fc;
  --text:#1e1e1e;
}

body {
  margin:0;
  font-family:Arial, sans-serif;
  background:var(--light);
  background-color: #DBE5F1;
  color:var(--text);
}

header {
  background:var(--primary);
  padding:20px;
  display:flex;
  align-items:center;
}

header img {
  max-width: 100%;
  height: auto;
  display: block;
}

main {
  max-width:900px;
  margin:40px auto;
  padding:0 20px;
}

h1,h2,h3 {
  color:var(--primary);
  font-family:'slicker', sans-serif;
}

section {
  margin-bottom:40px;
}

ul {
  padding-left:20px;
}

table {
  width:100%;
  border-collapse:collapse;
  margin-top:20px;
}

table th, table td {
  border:1px solid #ccc;
  padding:10px;
  text-align:center;
}

footer {
  text-align:center;
  padding:20px;
  margin-top:40px;
  font-size:0.9rem;
  color:#666;
}

@font-face {
    font-family: 'slicker'; /* A name you choose */
    src: url('slicker.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Optional, improves performance */
}