From 911a32e0e833c81aa770202476b01292e0581458 Mon Sep 17 00:00:00 2001
From: Dave R <davetheprogrammer2@gmail.com>
Date: Sat, 29 Sep 2018 16:57:53 +0100
Subject: [PATCH] oops

---
 assets/css/index.css | 231 +++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 231 insertions(+)
 create mode 100644 assets/css/index.css

diff --git a/assets/css/index.css b/assets/css/index.css
new file mode 100644
index 00000000..c55d6fc2
--- /dev/null
+++ b/assets/css/index.css
@@ -0,0 +1,231 @@
+/*
+  __  __            
+ |  \/  |           
+ | \  / |_   _  ___ 
+ | |\/| | | | |/ _ \
+ | |  | | |_| |  __/
+ |_|  |_|\__,_|\___|
+ -------------------
+ Copyright 2018 Dave R (ohlookitsderpy) 
+ Licensed under MIT
+ Special thanks to contributors! <3
+ GitHub: https://github.com/ohlookitsderpy/Mue
+*/
+
+/*  VARIABLES  */
+
+:root {
+
+	--shadow-color: #111111CC;
+
+}
+
+/*  BASIC STYLING  */
+
+html, body { height: 100%; }
+body {
+
+	display: flex;
+	flex-direction: column;
+	justify-content: space-around;
+	align-items: center;
+
+	margin: 0;
+
+	background-size: cover;
+	background-position: 50%;
+	background-color: black; /* Prevent white flash on page load */
+
+	font-family: 'Roboto';
+	color: white;
+	
+    -moz-user-select: none; /* Firefox */
+	user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
+}
+
+/*  BACKGROUND CLASSES  */
+
+.mountain {  background-image: url('../img/1.jpeg'); }
+.sunrise {   background-image: url('../img/2.jpeg'); }
+.butterfly { background-image: url('../img/3.jpeg'); }
+.leaves {    background-image: url('../img/4.jpeg'); }
+.river {     background-image: url('../img/5.jpeg'); }
+.sea {       background-image: url('../img/6.jpeg'); }
+.space {     background-image: url('../img/7.jpeg'); }
+.ice {       background-image: url('../img/8.jpeg'); }
+.waterfall { background-image: url('../img/9.jpeg'); }
+.river {     background-image: url('../img/10.jpeg'); }
+.sunset {    background-image: url('../img/11.jpeg'); }
+.desert {    background-image: url('../img/12.jpeg'); }
+.canyon {    background-image: url('../img/13.jpeg'); }
+.rose {      background-image: url('../img/14.jpeg'); }
+.forest {    background-image: url('../img/15.jpeg'); }
+.cherry {    background-image: url('../img/16.jpeg'); }
+.clouds {    background-image: url('../img/17.jpeg'); }
+.winter {    background-image: url('../img/18.jpeg'); }
+.autumn {    background-image: url('../img/19.jpeg'); }
+.flowers {   background-image: url('../img/20.jpeg'); }
+.sunrise {   background-image: url('../img/21.jpeg'); }
+.rocks {     background-image: url('../img/22.jpeg'); }
+.trees {     background-image: url('../img/23.jpeg'); }
+.mountains { background-image: url('../img/24.jpeg'); }
+.beach {     background-image: url('../img/25.jpeg'); }
+
+
+
+/*  TEXT SHADOW  */
+
+.greeting,
+time,
+.quote {
+	
+	filter: drop-shadow(var(--shadow-shift) var(--shadow-shift) 0 var(--shadow-color));
+
+}
+
+/* Greeting */
+
+.greeting {
+
+	--shadow-shift: 0.2rem;
+	
+	font-size: 3.25rem;
+
+}
+
+/* Time */
+
+time {
+
+	--shadow-shift: 0.4rem;
+	
+	font-size: 12rem;
+
+}
+
+/* Quote */
+
+.quote {
+
+	--shadow-shift: 0.125rem;
+
+	width: 37.5%;
+	max-width: 37.5rem; /* 600px on desktop */
+	
+	font-size: 1.5rem;
+	text-align: center;
+
+}
+
+/* quote text */
+
+.quote blockquote {
+
+	margin: 0 0 0.25rem 0;
+
+	line-height: 1.125;
+	
+}
+
+.quote blockquote::before { content: '“'; margin-right: 0.25ch; }
+.quote blockquote::after { content: '”';  margin-left: 0.25ch; }
+
+/* quote author */
+
+.quote cite { font-size: 83.33%; }
+
+/* Font */
+
+@font-face {
+	font-family: 'Roboto';
+	font-style: normal;
+	font-weight: 400;
+	src: local('Roboto'), local('Roboto-Regular'),
+		 url('../font/roboto-v18-latin-regular.woff2') format('woff2'); 
+  }
+
+/* ANIMATIONS */
+
+  /*!
+   * animate.css -http://daneden.me/animate
+   * Version - 3.7.0
+   * Licensed under the MIT license - http://opensource.org/licenses/MIT
+   *
+   * Copyright (c) 2018 Daniel Eden
+   */
+  
+  @-webkit-keyframes fadeIn {
+	from {
+	  opacity: 0;
+	}
+  
+	to {
+	  opacity: 1;
+	}
+  }
+  
+  @keyframes fadeIn {
+	from {
+	  opacity: 0;
+	}
+  
+	to {
+	  opacity: 1;
+	}
+  }
+  
+  .fadeIn {
+	-webkit-animation-name: fadeIn;
+	animation-name: fadeIn;
+  }
+  
+  @-webkit-keyframes fadeInUp {
+	from {
+	  opacity: 0;
+	  -webkit-transform: translate3d(0, 100%, 0);
+	  transform: translate3d(0, 100%, 0);
+	}
+  
+	to {
+	  opacity: 1;
+	  -webkit-transform: translate3d(0, 0, 0);
+	  transform: translate3d(0, 0, 0);
+	}
+  }
+  
+  @keyframes fadeInUp {
+	from {
+	  opacity: 0;
+	  -webkit-transform: translate3d(0, 100%, 0);
+	  transform: translate3d(0, 100%, 0);
+	}
+  
+	to {
+	  opacity: 1;
+	  -webkit-transform: translate3d(0, 0, 0);
+	  transform: translate3d(0, 0, 0);
+	}
+  }
+  
+  .fadeInUp {
+	-webkit-animation-name: fadeInUp;
+	animation-name: fadeInUp;
+  }
+  
+  
+  .animated {
+	-webkit-animation-duration: 0.75s; /* modified from 1s */
+	animation-duration: 0.75s; /* modified from 1s */
+	-webkit-animation-fill-mode: both;
+	animation-fill-mode: both;
+  }
+  
+  
+  @media (prefers-reduced-motion) {
+	.animated {
+	  -webkit-animation: unset !important;
+	  animation: unset !important;
+	  -webkit-transition: none !important;
+	  transition: none !important;
+	}
+  }
\ No newline at end of file