#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}*{margin:0;padding:0}ul li{list-style:none}a{text-decoration:none;color:#000}body.light-theme{background-color:#fff;color:#2c3e50}.container{max-width:800px;margin:auto;font-family:Arial,sans-serif;padding:20px;line-height:1.6;background-color:#fff;color:#000}footer,h1,h2{color:#000}footer{background-color:#fff;padding:20px;text-align:center;font-size:14px;border-top:1px solid #8a8888;margin-top:20px}footer a{color:#000;text-decoration:none;margin:0 10px}body.dark-theme{background-color:#000;color:#ecf0f1}body.dark-theme h1,body.dark-theme h2{color:#fff}body.dark-theme .container,body.dark-theme footer{background-color:#000;color:#ecf0f1}body.dark-theme a,body.dark-theme footer a{color:#ecf0f1}@media (max-width:768px){.container{padding:15px;font-size:14px}h1{font-size:24px}h2{font-size:20px}footer{padding:15px}footer,footer a{font-size:12px}}@media (max-width:480px){.container{padding:10px;font-size:12px}h1{font-size:20px}h2{font-size:18px}footer{padding:10px}footer,footer a{font-size:10px}footer button{font-size:12px;padding:5px 10px}}