*{
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family: Arial, Helvetica, sans-serif;
}

body{
  background:#f4f6f8;
  color:#222;
}

header{
  background:linear-gradient(135deg,#ff9933,#ffffff,#138808);
  padding:20px;
  text-align:center;
}

header h1{
  font-size:26px;
}

nav{
  background:#222;
  padding:12px;
  text-align:center;
}

nav a{
  color:#fff;
  margin:0 15px;
  text-decoration:none;
  font-weight:bold;
}

nav a:hover{
  text-decoration:underline;
}

.container{
  max-width:900px;
  background:#fff;
  margin:30px auto;
  padding:30px;
  border-radius:10px;
  box-shadow:0 5px 15px rgba(0,0,0,0.1);
}

h2{
  color:#ff9933;
  margin-bottom:15px;
}

p{
  font-size:16px;
  line-height:1.7;
  margin-bottom:15px;
}

footer{
  background:#222;
  color:#fff;
  text-align:center;
  padding:15px;
  margin-top:40px;
  font-size:14px;
}