Draw the rest of the fucking owl

styles/styles.css

@@ -0,0 +1,106 @@
+/*
+ * styles.css
+ * Copyright (C) 2020 Vintage Salt
+ *
+ * Distributed under terms of the MIT license.
+ */
+
+/* GLOBALS */
+
+:root {
+	--background-bright: #fcfcfc;
+	--background: #eff0f1;
+	--link: #2980b9;
+	--link-hover: #3daee9;
+	--shadow: 8px -5px #cececf;
+	--text: #31363b;
+}
+html {
+	overflow-y: scroll;
+}
+body {
+	background: var(--background);
+	color: var(--text);
+	font: "Roboto", sans-serif;
+	margin: 0;
+}
+
+/* TYPES */
+/* a */
+a {
+	color: var(--link);
+	text-decoration: none;
+	transition: .08s ease-in;
+}
+a:hover {
+	color: var(--link-hover);
+}
+/* code */
+code {
+	background: var(--background);
+	border-radius: 3px;
+	font-size: 11pt;
+	padding: 2px 4px;
+}
+
+/* HIERARCHICAL CLASSES */
+/* HEADER */
+.header {
+	background: var(--background-bright);
+	box-shadow: 0 5px var(--shadow);
+}
+.logocontainer {
+	display: block;
+	padding: 1em 0;
+	text-align: center;
+}
+.logo {
+	border-radius: 50%;
+	height: auto;
+	vertical-align: middle;
+	margin: 0;
+	max-width: 64px;
+}
+.header h1 {
+	display: inline;
+	margin: 0;
+}
+.header nav ul {
+	list-style-type: none;
+	margin: 0;
+	padding: 0;
+	text-align: center;
+}
+.header nav ul li {
+	display: inline-block;
+	padding: 0.8em;
+}
+.header nav ul li:hover {
+	background: var(--link-hover);
+	color: var(--background);
+	transition: .08s ease-in;
+}
+
+/* CONTENT */
+.content {
+	max-width: 48em;
+	margin: 2em auto;
+	padding: 1em;
+}
+
+/* FOOTER */
+.footer {
+	font-size: 11px;
+	line-height: 1.3;
+	text-align: center;
+}
+.footer p {
+	margin: 0;
+}
+
+/* MOBILE */
+@media only screen and (max-width: 600px) {
+	.nomobile {
+		display: none;
+	}
+}