From af74c9a926e16e8ee59fc066234457066810e08b Mon Sep 17 00:00:00 2001
From: unknown <robert.tanksley@gmail.com>
Date: Thu, 9 Jan 2020 20:39:34 -0600
Subject: [PATCH] finished project

---
 css/index.css    | 330 ++++++++++++++++++++++++++++++++++++++++++++++-
 less/mixins.less |  13 +-
 2 files changed, 341 insertions(+), 2 deletions(-)

diff --git a/css/index.css b/css/index.css
index e764f2b01f..99ceb4838d 100644
--- a/css/index.css
+++ b/css/index.css
@@ -1 +1,329 @@
-/* LESS needs to be processed */
\ No newline at end of file
+.box-spacing {
+    margin: 1%;
+    padding: 2%;
+  }
+  /* http://meyerweb.com/eric/tools/css/reset/ 
+     v2.0 | 20110126
+     License: none (public domain)
+  */
+  html,
+  body,
+  div,
+  span,
+  applet,
+  object,
+  iframe,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  p,
+  blockquote,
+  pre,
+  a,
+  abbr,
+  acronym,
+  address,
+  big,
+  cite,
+  code,
+  del,
+  dfn,
+  em,
+  img,
+  ins,
+  kbd,
+  q,
+  s,
+  samp,
+  small,
+  strike,
+  strong,
+  sub,
+  sup,
+  tt,
+  var,
+  b,
+  u,
+  i,
+  center,
+  dl,
+  dt,
+  dd,
+  ol,
+  ul,
+  li,
+  fieldset,
+  form,
+  label,
+  legend,
+  table,
+  caption,
+  tbody,
+  tfoot,
+  thead,
+  tr,
+  th,
+  td,
+  article,
+  aside,
+  canvas,
+  details,
+  embed,
+  figure,
+  figcaption,
+  footer,
+  header,
+  hgroup,
+  menu,
+  nav,
+  output,
+  ruby,
+  section,
+  summary,
+  time,
+  mark,
+  audio,
+  video {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    font-size: 100%;
+    font: inherit;
+    vertical-align: baseline;
+  }
+  /* HTML5 display-role reset for older browsers */
+  article,
+  aside,
+  details,
+  figcaption,
+  figure,
+  footer,
+  header,
+  hgroup,
+  menu,
+  nav,
+  section {
+    display: block;
+  }
+  body {
+    line-height: 1;
+  }
+  ol,
+  ul {
+    list-style: none;
+  }
+  blockquote,
+  q {
+    quotes: none;
+  }
+  blockquote:before,
+  blockquote:after,
+  q:before,
+  q:after {
+    content: '';
+    content: none;
+  }
+  table {
+    border-collapse: collapse;
+    border-spacing: 0;
+  }
+  * {
+    box-sizing: border-box;
+  }
+  html {
+    font-size: 62.5%;
+  }
+  html,
+  body {
+    font-family: 'Roboto', sans-serif;
+  }
+  h1,
+  h2,
+  h3,
+  h4,
+  h5 {
+    font-family: 'Indie Flower', cursive;
+  }
+  h1 {
+    font-size: 4rem;
+  }
+  h2 {
+    font-size: 3.2rem;
+    padding-bottom: 10px;
+  }
+  h4 {
+    font-size: 2.5rem;
+    padding-bottom: 10px;
+  }
+  p {
+    line-height: 1.5;
+    font-size: 1.6rem;
+    padding-bottom: 10px;
+  }
+  img {
+    max-width: 100%;
+    height: auto;
+  }
+  .container {
+    max-width: 800px;
+    width: 100%;
+    margin: 0 auto;
+  }
+  header {
+    display: flex;
+    justify-content: space-between;
+    margin: 1%;
+    padding: 2%;
+  }
+  @media (max-width: 500px) {
+    header {
+      flex-direction: column;
+      justify-content: space-between;
+      width: 100%;
+      align-items: center;
+      align-content: center;
+    }
+  }
+  header span {
+    width: 50vw;
+  }
+  @media (max-width: 500px) {
+    header span {
+      display: flex;
+      justify-content: space-around;
+    }
+  }
+  header .nav {
+    width: 50vw;
+    display: flex;
+    justify-content: space-evenly;
+    align-items: center;
+  }
+  @media (max-width: 500px) {
+    header .nav {
+      width: 100%;
+    }
+  }
+  header .nav a {
+    font-size: 2rem;
+    color: black;
+    text-decoration: none;
+  }
+  header .nav a:hover {
+    color: #8e00aa;
+  }
+  .footer {
+    width: 100%;
+    border-top: 2px dashed silver;
+    background: #FFEBCD;
+  }
+  .footer p {
+    text-align: center;
+    color: #212529;
+    font-size: 1.6rem;
+    padding: 20px;
+  }
+  .home .content-section {
+    margin: 30px 0;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+  }
+  @media (max-width: 500px) {
+    .home .content-section {
+      flex-direction: column-reverse;
+      align-items: center;
+      align-content: center;
+      margin: 1%;
+      padding: 2%;
+    }
+  }
+  .home .text-content {
+    width: 48%;
+    padding-right: 1%;
+  }
+  @media (max-width: 500px) {
+    .home .text-content {
+      width: auto;
+    }
+  }
+  .home .img-content {
+    width: 48%;
+    padding-left: 1%;
+  }
+  @media (max-width: 500px) {
+    .home .img-content {
+      width: auto;
+    }
+  }
+  .home .img-content img {
+    border-radius: 10px;
+  }
+  .inverse-content {
+    padding-bottom: 30px;
+    border-bottom: 2px dashed #C0C0C0;
+  }
+  .inverse-content .text-content {
+    padding-left: 1%;
+    padding-right: 0;
+  }
+  .inverse-content .img-content {
+    padding-right: 1%;
+    padding-left: 0;
+  }
+  .content-destination {
+    width: 75%;
+    margin: 0 auto 30px;
+  }
+  .content-destination img {
+    border-radius: 10px;
+  }
+  .content-pick {
+    padding-top: 30px;
+    border-top: 2px dashed #C0C0C0;
+    display: flex;
+    justify-content: space-between;
+  }
+  @media (max-width: 500px) {
+    .content-pick {
+      flex-direction: column;
+      align-content: center;
+      align-items: center;
+    }
+  }
+  .content-pick .destination {
+    width: 30%;
+    margin-bottom: 30px;
+  }
+  @media (max-width: 500px) {
+    .content-pick .destination {
+      width: 80%;
+    }
+  }
+  .content-pick .destination .btn {
+    display: flex;
+    justify-content: center;
+    font-size: 2.6rem;
+    color: whitesmoke;
+    background-color: teal;
+    border-radius: 10px;
+    margin: 1%;
+    padding: 5%;
+  }
+  .content-pick .destination .btn:hover {
+    background-color: #8e00aa;
+  }
+  .splash {
+    border-top: 1px dashed black;
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    padding: 1%;
+  }
+  .splash img {
+    max-width: 80vw;
+  }
+  
\ No newline at end of file
diff --git a/less/mixins.less b/less/mixins.less
index 2d5c603558..1d03920db5 100644
--- a/less/mixins.less
+++ b/less/mixins.less
@@ -1 +1,12 @@
-// Mixins in here
\ No newline at end of file
+
+.spacing(@m, @p) {
+    margin: @m;
+    padding: @p;
+  }
+
+  .color(@c){
+    color: @c;
+  }
+  .background(@b){
+    background-color: @b;
+  }
\ No newline at end of file