body{font-family:'Roboto',sans-serif;line-height:1.6;color:#fff;background-color:#fff;padding:15px}header,footer{text-align:center;padding:15px 0}main{background:linear-gradient(135deg,#002b20,#00ffbfa6);max-width:800px;margin:10px auto;padding:20px;box-shadow:0 0 10px rgba(0,43,32,.514);border-radius:8px;border:2px solid #002b20}main:hover{border-color:#91ff00}h1,h2{color:#91ff00}h1{font-size:24px;margin-bottom:5px}h2{font-size:20px;margin-top:15px;margin-bottom:8px}p{margin-bottom:10px}ul,ol{margin-left:20px}a{font-size:14px;color:#91ff00;text-decoration:none}a:hover{text-decoration:underline}.footer-content{font-size:14px;color:#91ff00}@media(max-width:768px){body{padding:10px}main{padding:15px;margin:10px}h1{font-size:22px}h2{font-size:18px}p,li{font-size:15px}}@media(max-width:480px){body{padding:0}main{padding:10px;margin:8px}h1{font-size:20px}h2{font-size:16px}p,li{font-size:14px}}