body{font-family:Arial,sans-serif;margin:0;padding:0}img{width:100%}.app{display:flex;flex-direction:column}.header{align-items:center;background-color:#333;color:#fff;display:flex;justify-content:space-between;padding:20px;position:-webkit-sticky;position:sticky;top:0;z-index:999}.header h1{margin:0}.menu-toggle{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:24px}.nav,.nav ul{display:flex}.nav ul{list-style:none;margin:0;padding:0}.nav ul li{margin:0 10px}.nav ul li a{color:#fff;text-decoration:none}section{clear:both}.content{margin:0 auto;max-width:1300px;width:98%}.lists{margin:0 auto;max-width:1400px}.list{cursor:pointer;float:left;margin:1%;width:18%}@media (max-width:500px){.list{width:23%}}@media (max-width:360px){.list{width:48%}}@media (max-width:200px){.list{width:98%}}.name{font-size:10px;height:12px;line-height:24px}.footer{background-color:#333;color:#fff;padding:10px;text-align:center}@media (max-width:768px){.menu-toggle{display:block}.nav{background-color:#333;display:none;flex-direction:column;position:absolute;right:0;top:60px;width:100%}.nav.open{display:flex}.nav ul{align-items:center;flex-direction:column}.nav ul li{margin:10px 0}}@media (max-width:480px){.header,.main-content{padding:10px}.footer{padding:5px}}
/*# sourceMappingURL=main.6124c052.css.map*/