*{box-sizing:border-box;margin:0;padding:0;font-family:Helvetica,sans-serif}.search-bar-container{padding-top:20vh;width:40%;margin:auto;display:flex;flex-direction:column;align-items:center;min-width:200px}.search-row{display:flex;flex-direction:row;align-items:center;width:100%}.results-count{text-align:left;color:#555;font-size:.9rem;margin:8px 16px 0}.input-wrapper{background-color:#fff;width:100%;border-radius:0 10px 10px 0;height:2.5rem;padding:0 15px;box-shadow:0 0 8px #ddd;display:flex;align-items:center}input{background-color:transparent;border:none;height:100%;font-size:1.25rem;width:100%;margin-left:5px}input:focus{outline:none}#search-icon{color:#4169e1}.results-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:16px;width:100%;margin-top:1rem}.search-result{background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:16px;cursor:pointer;transition:box-shadow .2s}.search-result:hover{box-shadow:0 4px 12px #0000001a}.search-result h3{margin:0 0 8px;font-size:1rem}.result-category{font-size:.8rem;color:#888;margin:0 0 8px;text-transform:uppercase}.result-description{font-size:.9rem;color:#555;margin:0}.pull-down-menu{background-color:#fff;border-radius:10px 0 0 10px;height:2.5rem;padding:0 15px;box-shadow:0 0 8px #ddd;border:none;border-right:1px solid #ddd;font-size:1.25rem;cursor:pointer;color:#333;white-space:nowrap;flex-shrink:0}.pull-down-menu:focus{outline:none}.pull-down-menu:hover{box-shadow:0 0 12px #bbb}