body {
    margin:0;
    font-family: Arial;
    background:#ffffff;
    color:#111;
    text-align:center;
}

header {
    padding:30px;
    background:#f1f5f9;
}

.grid {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
    gap:20px;
    padding:30px;
}

.grid a {
    background:#e2e8f0;
    padding:20px;
    border-radius:10px;
    text-decoration:none;
    color:#111;
    font-weight:bold;
    transition:0.3s;
}

.grid a:hover {
    background:#cbd5e1;
    transform:scale(1.05);
}

footer {
    padding:20px;
    margin-top:30px;
}