body{
    margin:0;
    background-color: rgb(0, 212, 250);
    text-align:center;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
h1{
    color:rgb(0, 26, 255);
    font-size:30px;
    font-style:inherit;
    text-align:center;
    margin-top:24px;
    margin-bottom:16px;
}
p{
    font-size:20px;
    color:blue;
    font-style: italic;
}
/* Better arrangement for main text content */
p,
ul,
li{
    text-align:left;
    max-width:900px;
    margin:0 auto 12px;
}
ul{
    padding-left:24px;
}
.no3 {
    border-color:blue ;
    border-radius: 30px;
    border-style: dotted;
    background-color: azure;
    color:blue;
}
.sports{
    border-color:aqua ;
    border-radius: 30px;
    border-style: double;
    background-color: azure;
    color:aqua;
}
.sports-list{
    list-style:none;
    padding-left:0;
    max-width:900px;
    margin:0 auto 24px;
}
.sports-list li{
    border:2px solid aqua;
    border-radius:16px;
    background-color:azure;
    padding:12px 16px;
    margin-bottom:12px;
}
.sports-list img{
    display:block;
    margin:8px 0;
}
.container{
    max-width:960px;
    margin:24px auto;
    padding:0 16px;
}
nav{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:25px;
    padding:10px 32px;
    background-color:#ffffff;
    box-shadow:0 2px 4px rgba(0, 0, 0, 0.08);
}
nav img{
    margin-right:16px;
}
nav a{
    text-decoration:none;
    color:#003399;
    font-size:16px;
    font-weight:500;
    padding:8px 14px;
    border-radius:5px;
    transition:background-color 0.3s ease, color 0.3s ease;
}
nav a:hover{
    background-color:#003399;
    color:#ffffff;
}
footer {
    background:darkblue;
    padding: 15px;
    margin-top:20px;
    font-size:14px;
    color:#ffffff;
}