body{background-color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:20px;margin:0;overflow-y:scroll}h1{font-size:1.3em}h1,h2{font-weight:500;margin:0}h2{font-size:1em}.container{display:grid;padding:1.5em}.search{background-color:#fff;margin-top:-1.5em;padding:1.5em;position:-webkit-sticky;position:sticky;text-align:center;top:0;z-index:99}input{background-color:#e9e8e8;border:1px solid #aaa;border-radius:3px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:.8em;max-width:900px;outline:none;padding:7px 10px;width:100%}.list{grid-gap:.5em;display:grid;gap:.5em;grid-template-columns:repeat(5,1fr)}.list .box{border-radius:3px;cursor:pointer;overflow:hidden;position:relative}.list .box img{aspect-ratio:1;background-color:0 0 5px #070707;display:block;width:100%}.list .box h1{bottom:0;color:#fff;left:0;padding:10px;position:absolute;right:0;text-shadow:0 0 5px #070707}.loading{margin-top:10px;text-align:center}.detail{display:grid;justify-items:center;position:relative}.detail img{border-radius:3px;height:300px;margin-bottom:15px;width:300px}.detail .desc{margin-top:5px;opacity:.5}.detail h1,.detail h2{text-align:center;word-break:break-word}.detail .title{margin:10px 0 3px;opacity:.5}.detail .back{background-color:rgba(53,53,53,.5);color:#fff;cursor:pointer;left:0;padding:5px 10px;position:fixed;top:0}@media screen and (max-width:900px){.list{grid-template-columns:repeat(4,1fr)}.detail img{height:250px;width:250px}}@media screen and (max-width:750px){body{font-size:15px}.list{grid-template-columns:repeat(3,1fr)}.detail img{height:200px;width:200px}}@media screen and (max-width:450px){.list{grid-template-columns:repeat(2,1fr)}.detail img{height:150px;width:150px}}
/*# sourceMappingURL=main.05fc0ed1.css.map*/