diff --git a/DerOtter.html b/DerOtter.html
new file mode 100644
index 0000000..de49415
--- /dev/null
+++ b/DerOtter.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+
+<html lang="de">
+
+	<head>
+		<title>Die 6 besten Tiere</title>
+			<link rel="preconnect" href="https://fonts.googleapis.com">
+			<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+			<link href="https://fonts.googleapis.com/css2?family=Edu+NSW+ACT+Foundation&display=swap" rel="stylesheet">
+				<link rel="preconnect" href="https://fonts.googleapis.com">
+				<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+				<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@300&display=swap" rel="stylesheet">
+		<style>
+			h1 {
+				font-size: 50px;
+				font-family: Oswald;
+				font-variant: small-caps;
+				font-weight: 900;
+				line-hight: 10px;
+				color: #249109;
+				letter-spacing: 3px;
+				text-decoration: underline;
+				text-decoration-color: #116500;
+				text-shadow: 0px 0px 10px #834304;
+				text-align: center;
+			}
+			td {
+				font-family: Edu NSW ACT Foundation;
+			}
+			tr:nth-child(odd){
+				background-color: #CAC4C4;
+			}
+			tr:nth-child(even){
+				background-color: white;
+			}
+			tr:nth-child(1){
+				background-color: #6C6666;
+				width: 1;
+			}
+			td {
+				text-align: center;
+				font-size: 0.9cm;
+			}
+			a:hover{
+				color: #249109;
+			}
+			body{
+				background-color: darkred;
+			}
+
+</html>
\ No newline at end of file
