body{font-family:Arial,sans-serif;margin:0;background:linear-gradient(to bottom,#333,#111);color:#fff}header{background:linear-gradient(to bottom,#00b300,#006600);padding:10px}header nav a{color:#fff;text-decoration:none;margin-right:10px}header nav a:hover{text-decoration:underline}#home{padding:10px}#content{max-width:800px;margin:0 auto;padding:20px}h1{text-align:center;margin:40px 0;font-weight:700;font-size:72px;text-shadow:2px 2px rgba(0,0,0,.3);background:-webkit-linear-gradient(#fcfdff,#f5f5f5);-webkit-background-clip:text;-webkit-text-fill-color:transparent}h2{text-align:center;margin:40px 0;text-shadow:1px 1px #000;color:#fff}#about{background:linear-gradient(to bottom,#444,#222);padding:20px;border-radius:10px;box-shadow:2px 2px #000}ul{list-style:none;padding:0;text-align:left;list-style-type:square;line-height:125%}li{margin-bottom:10px;text-shadow:1px 1px #000}footer{display:flex;flex-direction:row;justify-content:space-between;background:linear-gradient(to bottom,#00b300,#006600);color:#fff;padding:10px}footer p.copyright{margin:0;text-shadow:1px 1px #000}footer p.contactus{margin:0;text-shadow:1px 1px #000}.container{justify-content:space-around;align-items:flex-start}.stick1{position:sticky;top:0;align-self:flex-start}.stick2{position:sticky;bottom:0;align-self:flex-end}