body {
      font-family: 'Roboto', sans-serif;
	  background-color: white;
    }

    .boogle-logo {
      font-size: 48px;
      font-weight: bold;
    }

    .boogle-logo span {
      color: #4285F4; /* Blue */
    }

    .boogle-logo span:nth-child(2) {
      color: #EA4335; /* Red */
    }

    .boogle-logo span:nth-child(3) {
      color: #FBBC05; /* Yellow */
    }

    .boogle-logo span:nth-child(4) {
      color: #34A853; /* Green */
    }
 
    .search-bar {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 4px;
    overflow: hidden;
    max-height: 40px;
    max-width: 600px;
    margin-bottom: 10px;
    position: relative;
    }

    .search-input {
      flex: 1;
      font-size: 16px;
      padding: 8px;
      border: none;
      background: transparent;
    }
    
    .search-btn {
      font-size: 16px;
      padding: 8px 16px;
      border: none;
    
      cursor: pointer;
    }
    
    .search-btn {
      background-color: #f2f2f2;
      color: #555;
    }
    
    .plus-button {
      background-color: #f2f2f2;
      color: #555;
    }
    
    .search-btn:hover,
    .plus-button:hover {
      background-color: #e0e0e0;
    }
    
    .clear-btn {
      font-size: 16px;
      padding: 8px;
      cursor: pointer;
      display: none;
      color: #ccc;
    }
    
    .clear-btn:hover {
      color: #999;
    }
    .results {
      max-height: 700px;
      overflow-y: auto;
      margin-top: 10px;
    }
    .result-item {
      padding: 8px;
      border: 1px solid #ccc;
      border-radius: 4px;
      margin-bottom: 10px;
    }
	.result-item:hover {
      background-color: #f2f2f2;
    }
    .results-count {
      margin-bottom: 10px;
    }
	
    #searchSpecificity {
    padding: 9.5px;
    border: none;
    margin-left: 10px;
    background-color: #f2f2f2;
    color: #555;
    cursor: pointer;
    }
    
    /* Styling for dropdown options */
    #searchSpecificity option {
    background-color: white; /* Setting the background color for options */
    color: #555;
    }
    
    /* Styling for the dropdown arrow */
    #searchSpecificity::after {
    content: '\25BC'; /* Unicode character for a downward arrow */
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    }
    
    /* Hover effect for dropdown */
    #searchSpecificity:hover,
    #searchSpecificity option:hover {
    background-color: #e0e0e0;
    }
    
    /* Selected option styling */
    #searchSpecificity option:checked {
    background-color: #4285F4; /* Blue, you can adjust this color */
    color: white;
    }