body{
font-family:Arial;
margin:0;
}

.container{
width:90%;
margin:auto;
}

header{
background:#002147;
color:white;
padding:15px;
}

nav ul{
list-style:none;
display:flex;
gap:20px;
}

nav a{
color:white;
text-decoration:none;
}

.hero{
background:#0c4da2;
color:white;
padding:100px 0;
text-align:center;
}

.btn{
background:#ff9800;
padding:10px 20px;
color:white;
text-decoration:none;
}

.course-box{
border:1px solid #ddd;
padding:20px;
margin:10px;
display:inline-block;
width:30%;
}

footer{
background:#111;
color:white;
text-align:center;
padding:20px;
}