---
layout: default
permalink: /404.html
title: 404 - Page not found
description: "The requested resource is not available on the server."
---

<style>
	body {
		background-color: var(--base-color);
		color: var(--base-color-text);
		font-family: var(--default-font-family);
	}

	main {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 30px;
		box-sizing: border-box;
	}

	@media (min-width: 768px) {
		main {
			height: 100vh;
		}
	}

	.message {
		text-align: center;
	}

	.error {
		max-width: 900px;
	}

	.error-logo {
		height: 138px;
	}

	.alternatives {
		display: grid;
		/* grid-template-columns: 1fr 1fr; */
		gap: 30px;
	}

	.alternatives div {
		background-color: var(--card-background-color);
		padding: 20px;
		box-sizing: border-box;
		box-shadow: 0 5px 30px -9px #1c1c1c9e;
		border-radius: 16px;
	}

	.alternatives .help {
		/* use two columns */
		grid-column: span 2;
	}

	.search-bar input {
		background-color: var(--base-color);
	}
</style>


<main>
	<div class="error">
		<div class="message">
			<a href="/" style="display:block">
				<img class="error-logo" src="/assets/error_logo.svg" alt="Godot Engine Error">
			</a>
			<h1>404 - Page not found</h1>
		</div>

		<div class="alternatives">
			<div>
				<p>You can try searching:</p>
				<form class="search-bar" method="get" action="https://duckduckgo.com/">
					<input type="hidden" name="sites" value="godotengine.org/" />
					<input type="text" name="q" maxlength="300" placeholder="Search articles" />
					<button class="btn search-bar-btn" type="submit">
						<img width="24" height="24" src="/assets/icons/search.svg" alt="search" title="search" />
					</button>
				</form>

				<p>Or visit:</p>
				<ul>
					<li><a href="/">Home</a></li>
					<li><a href="/download/windows/" class="set-os-download-url">Download</a></li>
					<li><a href="https://docs.godotengine.org/en/stable/">Documentation</a></li>
					<li><a href="/community/">Community</a></li>
				</ul>
			</div>
		</div>
		<div class="help" style="opacity: 0.8;">
			<p>To report an issue with the website, please open an <a
					href="https://github.com/godotengine/godot-website/">issue on GitHub</a>.</p>
		</div>
	</div>

	<script>
		document.addEventListener('DOMContentLoaded', () => {
			// Update any download link to point to identified user's OS.
			const links = document.querySelectorAll('.set-os-download-url');
			for (let i = 0; i < links.length; i++) {
				const link = links[i];
				let link_slug = 'download';
				if ('version' in link.dataset && link.dataset['version'] === '3') {
					link_slug = 'download/3.x';
				}

				let link_platform = 'windows';
				if (navigator.platform.indexOf('Mac') !== -1) {
					link_platform = 'macos';
				} else if (navigator.userAgent.indexOf('Android') !== -1) {
					link_platform = 'android';
				} else if (navigator.platform.indexOf('Linux') !== -1) {
					link_platform = 'linux';
				}

				link.href = `/${link_slug}/${link_platform}/`;
			}
		});
	</script>