Clean up this code and make the design more attractive and modern with a very dark theme that's easy on the eyes and center everything vertically and horizontally.

<head>
    <title>Home</title>
    <style>
		body {
			padding-top: 100px;
			text-align: center;
            background: #0d0f10;
            color: #abb0b6;
			font-family: "sans";
			font-size: 13px;
			}
		.search-form {
			display: flex;
			align-items: center;
			border: 1px solid #1b2429;
			border-radius: 4px;
			overflow: hidden;
			max-width: 700px;
			margin: 0 auto;
			margin-bottom: 30px;
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
		}

		.search-form input[type="text"] {
			flex: 1;
			padding: 10px;
			border: none;
			background-color: #161d21;
			color: #adb6ba;
			font-size: 16px;
			cursor: pointer;
		}

		.search-form input[type="submit"] {
			padding: 10px 20px;
			border: none;
			font-size: 16px;
			cursor: pointer;
			color: #adb6ba;
			background-color: #161d21;
		}

		input[type="text"]:focus{
			outline: none;
		}
    
    	.favorites {
    		display: grid;
    		grid-template-columns: 1fr 1fr 1fr;
    		grid-gap: 10px;
    		text-align: left;
    		margin: 0 auto;
			max-width: 700px;
    	}
    	
    	.list {
    		background-color: #161d21;
    		padding: 10px;
    		color: #5083a3;
    		border: 1px solid #1b2429;
    		border-radius: 4px;
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    	}

    	a {
    		color: #adb6ba;
    		text-decoration: none;
    	}

    	a:hover {
			text-decoration: underline;
    	}
    	
    	li {list-style: none;}
    	ul {padding-left: 6px;}
    	
    </style>
</head>

<body>

	<div>
		<form action="http://www.google.com/search" method="get" class="search-form">
			<input type="text" name="q" placeholder="">
			<input type="submit" value="Search">
		</form>
	</div>

	<div class="favorites">
		<div class="list">
			$ coding
			<ul>
				<li><a href="http://www.youtube.com">Youtube</a></li>
				<li><a href="https://www.deviantart.com/search/deviations?q=linux+screenshot&order=most-recent">Linux shots</a></li>
				<li><a href="https://www.reddit.com/r/unixporn">unixporn</a></li>
				<li><a href="http://tacojones.byethost15.com/">Taco Jones</a></li>
				<li><a href="http://www.amazon.com">Amazon</a></li>
			</ul>
		</div>
		<div class="list">
			$ resources
			<ul>
				<li><a href="https://m4uhd.tv/all/all/all/english?rate=view_day&sort=desc">m4uhd.tv</a></li>
				<li><a href="https://onionplay.se/movies/">Onionplay</a></li>
				<li><a href="https://tools.usps.com/go/TrackConfirmAction">USPS</a></li>
				<li><a href="http://alpha.wallhaven.cc/">Wallhaven</a></li>
			</ul>
		</div>
		<div class="list">
			$ misc
			<ul>
	  <li><a href="https://1337x.to">1337x.to</a></li>
      <li><a href="https://www.gamivo.com/">Gamivo</a></li>
      <li><a href="https://fitgirl-repacks.site/">Fitgirl Repacks</a></li>
	  <li><a href="https://www.gog.com/games?price=discounted&sort=bestselling&page=1">GOG Discounts</a></li>
	  <li><a href="https://steamdb.info/sales/?displayOnly=Game&category=999">SteamDB Linux</a></li>
			</ul>
		</div>
		
				<div class="list">
			$ AI
			<ul>
				<li><a href="https://www.bing.com/images/create?FORM=GDPCLS">Bing</a></li>
				<li><a href="https://imagine.meta.com">Meta</a></li>
				<li><a href="https://ideogram.ai">ideogram</a></li>
				<li><a href="https://civitai.com/images/4230658">CivitAI</a></li>
			    <li><a href="https://chatgpt.com">ChatGPT</a></li>
			    <li><a href="https://codepen.io">Codepen</a></li>
			    <li><a href="https://fyrean.itch.io/bgbye-background-remover">Background Remover</a></li>
                <li><a href="https://huggingface.co/spaces/gokaygokay/FLUX-Prompt-Generator">FLUX Prompt Generator</a></li>

			</ul>
		</div>

				<div class="list">
			$ AI
			<ul>
				<li><a href="https://fal.ai/models/fal-ai/flux/dev">fal-ai/flux</a></li>
				<li><a href="https://huggingface.co/spaces/black-forest-labs/FLUX.1-dev">Huggingface Flux</a></li>
				<li><a href="https://ideogram.ai">ideogram</a></li>
				<li><a href="https://civitai.com/images/4230658">CivitAI</a></li>
			    <li><a href="https://chatgpt.com">ChatGPT</a></li>
			    <li><a href="https://codepen.io">Codepen</a></li>
			    <li><a href="https://fyrean.itch.io/bgbye-background-remover">Background Remover</a></li>
                <li><a href="https://huggingface.co/spaces/gokaygokay/FLUX-Prompt-Generator">FLUX Prompt Generator</a></li>

			</ul>
		</div>

				<div class="list">
			$ AI
			<ul>
				<li><a href="https://www.bing.com/images/create?FORM=GDPCLS">Bing</a></li>
				<li><a href="https://imagine.meta.com">Meta</a></li>
				<li><a href="https://ideogram.ai">ideogram</a></li>
				<li><a href="https://civitai.com/images/4230658">CivitAI</a></li>
			    <li><a href="https://chatgpt.com">ChatGPT</a></li>
			    <li><a href="https://codepen.io">Codepen</a></li>
			    <li><a href="https://fyrean.itch.io/bgbye-background-remover">Background Remover</a></li>
                <li><a href="https://huggingface.co/spaces/gokaygokay/FLUX-Prompt-Generator">FLUX Prompt Generator</a></li>

			</ul>
		</div>
		
	</div>

</body>