diff --git a/articles/index.html b/articles/index.html
index a265485..ebbd976 100644
--- a/articles/index.html
+++ b/articles/index.html
@@ -19,101 +19,109 @@
 				<p>All of the articles on this website are available here!</p>
 				<p>If you want to contribute to this website, you can always <a href="https://codeberg.org/shadow/SpywareWatchdog">make a pull request</a>.</p>
 			</div>
-			<hr></hr>
-			<h2>Web Browsers</h2>
 			<div class="directory-list">
-				<a href="../articles/browsers.html">Comparison between web browsers</a><br/><br/>
-				<a href="../articles/seamonkey.html">SeaMonkey</a> <a href="../guides/seamonkey.html">[Mitigation Guide]</a><br/><br/>
-				<a href="../articles/netsurf.html">NetSurf</a> <a href="../articles/netsurf_pl.html">[Polski]</a> <a href="../guides/netsurf.html">[Mitigation Guide]</a> <a href="../guides/netsurf_pl.html">[Poradnik Mitygacji]</a><br/><br/>
-				<a href="../articles/surf.html">Surf</a> <a href="surf_fr.html">[Francais]</a> <a href="surf_pl.html">[Polski]</a><br/><br/>
-				<a href="../articles/lynx.html">Lynx</a> <a href="lynx_pl.html">[Polski]</a><br/><br/>
-				<a href="../articles/iron.html">SRWare Iron</a> <a href="iron_pl.html">[Polski]</a><br/><br/>
-				<a href="../articles/slimjet.html">Slimjet</a> <a href="slimjet_pl.html">[Polski]</a><br/><br/>
-				<a href="../articles/chrome.html">Google Chrome</a> <a href="../articles/chrome_es.html">[Español]</a> <a href="chrome_pl.html">[Polski]</a><br/><br/>
-				<a href="../articles/opera.html">Opera</a><br/><br/>
-				<a href="../articles/webdiscover.html">WebDiscover</a><br/><br/>
-				<a href="../articles/firefox.html">Mozilla Firefox</a> <a href="../articles/firefox_es.html">[Español]</a> <a href="../guides/firefox.html">[Mitigation Guide]</a> <a href="../guides/firefox_es.html">[Guía de Mitigación]</a> <br/><br/> 
-				<a href="../articles/vivaldi.html">Vivaldi</a><br/><br/>
-				<a href="../articles/explorer.html">Internet Explorer</a><br/><br/>
-				<a href="../articles/dissenter.html">Dissenter</a><br/><br/>
-				<a href="../articles/waterfox_classic.html">Waterfox Classic</a><br/><br/>
-				<a href="../articles/brave.html">Brave</a><br/><br/>
-				<a href="../articles/palemoon.html">Pale Moon</a>
+			<h2>Web Browsers</h2>
+			<ul>
+			<li><a href="../articles/browsers.html">Comparison between web browsers</a></li>
+			<li><a href="../articles/seamonkey.html">SeaMonkey</a> <a href="../guides/seamonkey.html">[Mitigation Guide]</a></li>
+			<li><a href="../articles/netsurf.html">NetSurf</a> <a href="../articles/netsurf_pl.html">[Polski]</a> <a href="../guides/netsurf.html">[Mitigation Guide]</a> <a href="../guides/netsurf_pl.html">[Poradnik Mitygacji]</a></li>
+			<li><a href="../articles/surf.html">Surf</a> <a href="surf_fr.html">[Francais]</a> <a href="surf_pl.html">[Polski]</a></li>
+			<li><a href="../articles/lynx.html">Lynx</a> <a href="lynx_pl.html">[Polski]</a></li>
+			<li><a href="../articles/iron.html">SRWare Iron</a> <a href="iron_pl.html">[Polski]</a></li>
+			<li><a href="../articles/slimjet.html">Slimjet</a> <a href="slimjet_pl.html">[Polski]</a></li>
+			<li><a href="../articles/chrome.html">Google Chrome</a> <a href="../articles/chrome_es.html">[Español]</a> <a href="chrome_pl.html">[Polski]</a></li>
+			<li><a href="../articles/opera.html">Opera</a></li>
+			<li><a href="../articles/webdiscover.html">WebDiscover</a></li>
+			<li><a href="../articles/firefox.html">Mozilla Firefox</a> <a href="../articles/firefox_es.html">[Español]</a> <a href="../guides/firefox.html">[Mitigation Guide]</a> <a href="../guides/firefox_es.html">[Guía de Mitigación]</a> </li> 
+			<li><a href="../articles/vivaldi.html">Vivaldi</a></li>
+			<li><a href="../articles/explorer.html">Internet Explorer</a></li>
+			<li><a href="../articles/dissenter.html">Dissenter</a></li>
+			<li><a href="../articles/waterfox_classic.html">Waterfox Classic</a></li>
+			<li><a href="../articles/brave.html">Brave</a></li>
+			<li><a href="../articles/palemoon.html">Pale Moon</a>
 				<a href="../articles/palemoon_es.html">[Español]</a>
 				<a href="../guides/palemoon.html">[Mitigation Guide]</a>
-				<a href="../guides/palemoon_es.html">[Guía de Mitigación]</a><br/><br/>
-				<a href="../articles/sphere.html">Sphere Browser</a><br/><br/>
-				<a href="../articles/iridium.html">Iridium Browser</a>
-				<a href="../guides/iridium.html">[Mitigation Guide]</a><br/><br/>
-				<a href="../articles/icecat.html">GNU IceCat</a>
+				<a href="../guides/palemoon_es.html">[Guía de Mitigación]</a></li>
+				<li><a href="../articles/sphere.html">Sphere Browser</a></li>
+				<li><a href="../articles/iridium.html">Iridium Browser</a>
+				<a href="../guides/iridium.html">[Mitigation Guide]</a></li>
+				<li><a href="../articles/icecat.html">GNU IceCat</a>
 				<a href="../articles/icecat_es.html">[Español]</a>
-				<a href="../articles/icecat_it.html">[Italiano]</a><br/><br/>
-				<a href="../articles/falkon.html">Falkon</a><br/><br/>
-				<a href="../articles/otter.html">Otter Browser</a><br/><br/>
-				<a href="../articles/qutebrowser.html">Qutebrowser</a><br/><br/>
-				<a href="../articles/ungoogled_chromium.html">Ungoogled Chromium</a><br/><br/>
-				<a href="../articles/webbrowser.html">Web Browser</a><br/><br/>
-				<a href="../articles/tor.html">Tor Browser</a><br/><br/>
+				<a href="../articles/icecat_it.html">[Italiano]</a></li>
+				<li><a href="../articles/falkon.html">Falkon</a></li>
+				<li><a href="../articles/otter.html">Otter Browser</a></li>
+				<li><a href="../articles/qutebrowser.html">Qutebrowser</a></li>
+				<li><a href="../articles/ungoogled_chromium.html">Ungoogled Chromium</a></li>
+				<li><a href="../articles/webbrowser.html">Web Browser</a></li>
+				<li><a href="../articles/tor.html">Tor Browser</a></li>
+			</ul>
 			</div>
-			<hr></hr>
+			<div class="directory-list">
 			<h2>Online Content Platforms</h2>
-			<div class="directory-list">
-				<a href="../articles/snapchat.html">Snapchat</a><br/><br/>
-				<a href="../articles/instagram.html">Instagram</a>
-        <a href="../articles/instagram_es.html">[Español]</a><br/><br/>
-				<a href="../articles/youtube.html">YouTube</a>
-        <a href="../articles/youtube_es.html">[Español]</a><br/><br/>
+			<ul>
+			<li><a href="../articles/snapchat.html">Snapchat</a></li>
+			<li><a href="../articles/instagram.html">Instagram</a>
+			<a href="../articles/instagram_es.html">[Español]</a></li>
+			<li><a href="../articles/youtube.html">YouTube</a>
+			<a href="../articles/youtube_es.html">[Español]</a></li>
+			</ul>
 			</div>
-			<hr></hr>
+			<div class="directory-list">
 			<h2>Messaging Clients/Services</h2>
-			<div class="directory-list">
-				<a href="../articles/discord.html">Discord</a>
-				<a href="../articles/discord_es.html">[Español]</a><br/><br/>
-				<a href="../articles/thunderbird.html">Mozilla Thunderbird</a><br/><br/>
-				<a href="../articles/hexchat.html">Hexchat</a><br/><br/>
+			<ul>
+			<li><a href="../articles/discord.html">Discord</a>
+			<a href="../articles/discord_es.html">[Español]</a></li>
+			<li><a href="../articles/thunderbird.html">Mozilla Thunderbird</a></li>
+			<li><a href="../articles/hexchat.html">Hexchat</a></li>
+			</ul>
 			</div>
-			<hr></hr>
+			<div class="directory-list">
 			<h2>Search Engines</h2>
-			<div class="directory-list">
-				<a href="../articles/google_search.html">Google Search</a>
+			<ul>
+			<li><a href="../articles/google_search.html">Google Search</a>
 				<a href="../articles/google_search_es.html">[Español]</a>
-				<a href="../articles/google_search_tr.html">[Türk]</a><br/><br/>
-				<a href="../articles/bing.html">Bing</a><br/><br/>
-				<a href="../articles/yahoo.html">Yahoo</a><br/><br/>
-				<a href="../articles/duckduckgo.html">DuckDuckGo</a>
-				<a href="../articles/duckduckgo_es.html">[Español]</a><br/><br/>
+				<a href="../articles/google_search_tr.html">[Türk]</a></li>
+				<li><a href="../articles/bing.html">Bing</a></li>
+				<li><a href="../articles/yahoo.html">Yahoo</a></li>
+				<li><a href="../articles/duckduckgo.html">DuckDuckGo</a>
+				<a href="../articles/duckduckgo_es.html">[Español]</a></li>
+			</ul>
 			</div>
-			<hr></hr>
+			<div class="directory-list">
 			<h2>Video Games</h2>
-			<div class="directory-list">
-				<a href="../articles/steam.html">Steam</a><br/><br/>
-				<a href="../articles/redshell.html">Red Shell</a><br/><br/>
-				<a href="../articles/unity.html">Unity</a><br/><br/>
-				<a href="../articles/razer_en.html">Razer</a>
-				<a href="../articles/razer.html">[Español]</a><br/><br/>
-				<a href="../articles/ksp.html">Kerbal Space Program</a><br/><br/>
-				<a href="../articles/gzdoom.html">GZDoom</a><br/><br/>
+			<ul>
+			<li><a href="../articles/steam.html">Steam</a></li>
+			<li><a href="../articles/redshell.html">Red Shell</a></li>
+			<li><a href="../articles/unity.html">Unity</a></li>
+			<li><a href="../articles/razer_en.html">Razer</a>
+			<a href="../articles/razer.html">[Español]</a></li>
+			<li><a href="../articles/ksp.html">Kerbal Space Program</a></li>
+			<li><a href="../articles/gzdoom.html">GZDoom</a></li>
+			</ul>
 			</div>
-			<hr></hr>
+			<div class="directory-list">
 			<h2>Media Players</h2>
-			<div class="directory-list">
-				<a href="../articles/realplayer.html">RealPlayer</a><br/><br/>
-				<a href="../articles/itunes.html">iTunes</a><br/><br/>
-				<a href="../articles/vlc.html">VLC Media Player</a><br/><br/>
+			<ul>
+			<li><a href="../articles/realplayer.html">RealPlayer</a></li>
+			<li><a href="../articles/itunes.html">iTunes</a></li>
+			<li><a href="../articles/vlc.html">VLC Media Player</a></li>
+			</ul>
 			</div>
-			<hr></hr>
+			<div class="directory-list">
 			<h2>Misc Software</h2>
-			<div class="directory-list">
-				<a href="../articles/ccleaner.html">CCleaner</a><br/><br/>
-				<a href="../articles/poweriso.html">PowerISO</a><br/><br/>
-				<a href="../articles/cdex.html">CDex</a><br/><br/>
-				<a href="../articles/paint.net.html">Paint.NET</a><br/><br/>
+			<ul>
+			<li><a href="../articles/ccleaner.html">CCleaner</a></li>
+			<li><a href="../articles/poweriso.html">PowerISO</a></li>
+			<li><a href="../articles/cdex.html">CDex</a></li>
+			<li><a href="../articles/paint.net.html">Paint.NET</a></li>
+			</ul>
 			</div>
-			<hr></hr>
-			<h2>Not Spyware but Has Privacy Issues</h2>
 			<div class="directory-list">
-				<a href="../articles/telegram.html">Telegram</a><br/><br/>
-				<a href="../articles/http.html">HyperText Transmission Protocol</a><br/><br/>
+			<h2>Not Spyware but Has Privacy Issues</h2>
+			<ul>
+			<li><a href="../articles/telegram.html">Telegram</a></li>
+			<li><a href="../articles/http.html">HyperText Transmission Protocol</a></li>
+			</ul>
 			</div>
 		</div>
 	</body>
diff --git a/style.css b/style.css
index c2fa55c..46d5d2d 100644
--- a/style.css
+++ b/style.css
@@ -163,7 +163,28 @@ xmp {
 	text-align: center;
 }
 .directory-list {
-	text-align: center;
+	border: 2px solid #814c3a;
+	margin-left: 5%;
+	margin-right: 5%;
+	margin-top: 10px;
+	margin-bottom: 10px;
+}
+
+.directory-list h2 {
+	text-align: left;
+	padding-top: 10px;
+	margin-left: 5%;
+	margin-right: 5%;
+}
+
+.directory-list ul {
+	margin-left: 5%;
+	margin-right: 5%;
+}
+
+.directory-list li {
+	padding: 1%;
+	text-align: left;
 }
 
 .lime {
@@ -172,4 +193,4 @@ xmp {
 
 .yellow {
 	color: yellow;
-}
\ No newline at end of file
+}