Input pro vyhledávání

templates/common.css

@@ -60,6 +60,23 @@ nav a.special:hover {
 	color: #dd4733;
 }
 
+section.search {
+	height: 70vh;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+}
+section.search input {
+	max-width: 40em;
+	width: 100%;
+	padding: 1.5em 2em;
+	border: 0;
+	border-radius: .5em;
+	box-shadow: 3px 3px 10px #00000026;
+	font-family: "roboto-light";
+}
+
 footer {
 	text-align: center;
 	padding: 2em;

templates/main.html

@@ -25,7 +25,15 @@
 	</header>
 
 	<main>
-		<p>Dolorem exercitationem ut aperiam et nemo. Cum unde autem et aspernatur eos distinctio aut. Optio ut aut sapiente delectus qui maiores possimus. Pariatur explicabo modi ipsum repellendus voluptas culpa ut. Itaque ab et tempore et ipsam optio quo.</p>
+		<section class="search">
+			<input type="text" placeholder="Vyhledat téma &hellip;">
+		</section>
+		<section class="filter">
+			filter
+		</section>
+		<section class="list">
+			list
+		</section>
 	</main>
 
 	<footer>