body{margin:0;font-family:Arial,sans-serif;background:#001a35;color:#fff;background-image:linear-gradient(rgba(0,0,0,.65),rgba(0,0,0,.65)),url("../images/bg-body.webp");background-size:100% auto;background-repeat:repeat-y;background-position:top center}

.header{text-align:center;padding:20px;border-bottom:2px solid rgba(0,200,255,.3);background-image:linear-gradient(rgba(0,0,0,.30),rgba(0,0,0,.30)),url("../images/header-bg.webp");background-size:cover;background-position:center;background-repeat:no-repeat}

.header img{width:160px}

.menu{display:flex;justify-content:center;gap:15px;padding:15px;background:#001222;flex-wrap:wrap}

.menu a{
background:rgb(255,251,0);
color:#000;
text-decoration:none;
padding:10px 18px;
border-radius:6px;
font-weight:bold;
transition:all .25s ease
}

.menu a:hover{
background:#fff;
transform:translateY(-2px)
}

.menu a:active{
transform:scale(.95)
}

.container{max-width:900px;margin:auto;padding:20px;text-align:center}

table{width:100%;border-collapse:collapse;table-layout:fixed}

th,td{border:1px solid #000b14;padding:6px;font-size:12px;text-align:center}

th{background:rgb(255,230,0);color:#000}

td{background:#003b6b;font-weight:bold}

.banner{max-width:900px;margin:6px auto;padding:10px;background:#001222;box-shadow:0 0 6px rgba(0,200,255,.3);border-radius:0}

.banner img{width:100%;height:auto;display:block;border-radius:4px}

@media(max-width:600px){
th,td{font-size:10px;padding:5px}
.menu a{font-size:12px;padding:8px 14px}
.banner{padding:0 5px}
}