body{font-family:Arial,sans-serif;font-size:20px}.search-container{margin-bottom:10px}#searchInput{padding:8px;width:10%;border:1px solid #ccc;border-radius:4px}#searchInput:focus{outline:none;border-color:#007bff}.grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.grid-item{border:1px solid black;padding:10px;display:flex;flex-direction:column}.icon{font-family:Material Symbols Outlined,Arial,sans-serif;font-size:xx-large;text-align:center}.element{margin:5px 0}.htmlcode,.title{font-family:Arial,sans-serif;font-size:small}