*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f7fb;font-family:Arial,Helvetica,sans-serif}.javascript-overview{background:#fff;border-radius:15px;max-width:900px;margin:50px auto;padding:35px;line-height:1.8;box-shadow:0 5px 15px #00000026}.javascript-overview h1{text-align:center;color:#f7df1e;background:#222;border-radius:10px;margin-bottom:30px;padding:15px;font-size:38px}.javascript-overview h2{color:#222;border-left:5px solid #f7df1e;margin-top:30px;margin-bottom:15px;padding-left:12px;font-size:28px}.javascript-overview p{color:#555;text-align:justify;margin-bottom:20px;font-size:18px}.javascript-overview ul{margin-bottom:20px;margin-left:25px}.javascript-overview li{color:#444;margin-bottom:10px;font-size:18px}.javascript-overview:hover{transition:all .3s;transform:translateY(-5px)}@media (max-width:768px){.javascript-overview{margin:20px;padding:20px}.javascript-overview h1{font-size:30px}.javascript-overview h2{font-size:24px}.javascript-overview p,.javascript-overview li{font-size:16px}}