:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{height:100%;width:100%;padding:0;margin:0}.mainbody{display:flex;flex-direction:column}header{height:75px}#app{margin:0 auto;padding:2rem}.logo{height:3em}.search-term{height:35px;width:350px;font-size:medium;padding-left:10px;border-radius:5px}.search-page{height:35px;width:50px;font-size:medium;padding-left:10px;border-radius:5px}.api-key{height:35px;width:350px;font-size:medium;padding-left:10px;border-radius:5px;float:right}.settings{height:41px;width:45px;margin-left:5px;font-size:medium;font-weight:bolder;background-color:#000;border-radius:5px;cursor:pointer;float:right}.submit{height:41px;width:100px;font-size:medium;font-weight:bolder;background-color:#000;border-radius:5px;cursor:pointer}#search-results-grid{display:flex;padding:0 4px}.grid-column{flex:20%;padding:0 4px}.grid-column img{margin-top:8px;vertical-align:middle;width:100%;cursor:pointer}.hidden{display:none}