body{margin:0;padding:0;background-color:#f4f4f4;font-family:Arial,sans-serif}h1{font-family:Arial,sans-serif}ul{padding:0;margin:0;list-style:none}.App{font-family:Arial,sans-serif;margin:0;padding:0}.navbar{background-color:#333;padding:10px}.nav-list{list-style-type:none;margin:0;padding:0;display:flex;justify-content:space-around}.nav-item{position:relative}.nav-item>a{color:#fff;text-decoration:none;padding:10px;display:block}.nav-item:hover>a{background-color:#575757}.subnav{display:none;position:absolute;top:100%;left:0;background-color:#333;list-style-type:none;margin:0;padding:0;min-width:200px}.subnav li{width:100%}.subnav li>a{color:#fff;padding:15px 20px;text-decoration:none;display:block}.subnav li>a:hover{background-color:#575757}.nav-item:hover .subnav{display:block}.quote{font-style:italic;border-left:4px solid #ccc;padding-left:16px;margin:12px 0;color:#555}section{max-width:800px;margin:20px auto;padding:20px;border:1px solid #ccc;border-radius:8px}section h1{color:#333}