add featured partial

11 files changed, 435 insertions, 71 deletions

diff --git a/assets/scss/_li.scss b/assets/scss/_li.scss
index 327bd65..6048108 100644
--- a/assets/scss/_li.scss
+++ b/assets/scss/_li.scss
@@ -1,6 +1,4 @@
 .post-item {
-  max-height: 200px;
-  text-decoration: none;
   color: var(--color-text);
   padding: 0.5rem;
   position: relative;
@@ -15,37 +13,54 @@
   transition-property: box-shadow, transform;
   transition-duration: 0.2s, 0.3s;
   transition-timing-function: ease;
-  display: block;
 
   &:hover {
     transform: translate(4px, 4px);
     box-shadow: 1px 1px var(--post-card-box-shdw-clr);
   }
 
+  &__description {
+    color: var(--color-text-2);
+  }
+
+  &__date {
+    color: var(--color-text-2);
+    font-family: monospace;
+  }
+
+  &__image {
+    border: 1px solid var(--color-border);
+    overflow: hidden;
+
+    & > img {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+  }
+
   &__title {
     font-size: 1.5rem;
     font-weight: 600;
     margin-bottom: 0.4rem;
     color: black;
   }
+
   &__tag {
-    color: var(--post-card-text);
-    text-decoration: none;
-    display: block;
-  }
-  &__tag:hover {
-    color: black;
-    text-decoration: underline black;
-  }
-  &__tag-text {
     position: absolute;
     padding: 3px 5px;
-    background: var(--post-card-tag-bg-color);
-    color: white;
+    background: var(--color-text);
+    color: var(--color-text-light);
     top: 0;
     left: 0;
-    border: 1px solid var(--post-card-tag-bg-color);
+    border: 1px solid var(--color-border-dark);
     max-height: 30px;
+    display: block;
+  }
+  &__tag:hover {
+    background: var(--color-text-light);
+    color: var(--color-text);
+    cursor: pointer;
   }
 }
 
@@ -55,6 +70,8 @@
 
 .post-item-grid {
   display: grid;
+  height: 100%;
+  overflow: hidden;
   grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
   grid-template-rows: minmax(auto, 25px) minmax(0, auto) auto;
   grid-column-gap: 8px;
@@ -62,18 +79,21 @@
   grid-template-areas:
   'pad image'
   'title image'
-  'excerpt image'
-  'excerpt image'
-  'excerpt image';
+  'description image';
+
+  &__nopad {
+    grid-row: pad/title;
+  }
 
   &__title {
     grid-area: title;
   }
   &__image {
     grid-area: image;
+    align-self: start;
   }
-  &__excerpt {
-    grid-area: excerpt;
+  &__description {
+    grid-area: description;
   }
   &__pad {
     grid-area: pad;
diff --git a/assets/scss/_main.scss b/assets/scss/_main.scss
new file mode 100644
index 0000000..839efb3
--- /dev/null
+++ b/assets/scss/_main.scss
@@ -0,0 +1,3 @@
+#content {
+  padding: 1%; 
+}
diff --git a/assets/scss/_summary.scss b/assets/scss/_summary.scss
index 1a45c04..93d4ff7 100644
--- a/assets/scss/_summary.scss
+++ b/assets/scss/_summary.scss
@@ -1,3 +1,134 @@
+.featured-posts {
+  display: grid;
+  width: 100%;
+  margin: 1rem 0;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  grid-template-rows: auto;
+  grid-template-areas: 
+    "first second"
+    "first third";
+}
+
+
 .featured-post {
-    max-width: 50%;
+  border: 1px solid var(--color-border);
+  padding: 2rem;
+  position:relative;
+
+  &:hover {
+    background: var(--color-hover);
+  }
+
+  &__wrapper {
+    padding: 1rem;
+    background: transparent;
+  }
+
+  &__image {
+    position: absolute;
+    top:0;
+    bottom:0;
+    left:0;
+    right:0;
+    display: none;
+    z-index: 0;
+    width: 100%;
+    height: 100%;
+  }
+
+  &__image-filter {
+    display:none;
+    background: rgba(0,0,0,0.65);
+    position: absolute;
+    z-index: 0;
+    width:100%;
+    height: 100%;
+    top:0;
+    bottom:0;
+    left:0;
+    right:0;
+  }
+
+  &__description {
+      color:var(--color-text-2);
+      margin: 0.5rem 0;
+  }
+
+  &__tags {
+    display: flex;
+    position: relative;
+    z-index: 1;
+    margin-top: 1rem;
+
+    & > li {
+      padding: 0.5rem;
+      border: 1px solid var(--color-border);
+    }
+
+    & > li:not(:last-of-type) {
+      margin-right: 1rem; 
+    }
+  }
+
+  &__title {
+    &:hover {
+    }
+  }
+
+  &:nth-child(1) {
+    grid-area: first;
+    .featured-post__title{
+      font-weight: 700;
+      font-size: 1.5rem;
+      margin: 1rem 0;
+    }
+    .featured-post__description{
+      font-size: 1rem;
+    }
+  }
+  &:nth-child(2) {
+    grid-area: second;
+    .featured-post__title{
+      font-weight: 700;
+      font-size: 1rem;
+      margin: 0.5rem 0;
+    }
+    .featured-post__description{
+      font-size: 0.8rem;
+    }
+  }
+  &:nth-child(3) {
+    grid-area: third;
+    .featured-post__title{
+      font-weight: 700;
+      font-size: 1rem;
+      margin: 0.5rem 0;
+    }
+    .featured-post__description{
+      font-size: 0.8rem;
+    }
+  }
+
+
+}
+
+.featured-post:hover .featured-post__image {
+  display: block;
+}
+.featured-post:hover .featured-post__image-filter {
+  display: block;
+}
+.featured-post:hover .featured-post__wrapper {
+  color: var(--color-text-light);
+  z-index: 1;
+  position: relative;
+}
+.featured-post:hover .featured-post__description {
+  color: var(--color-text-light);
+}
+.featured-post:hover .featured-post__tags > li > a {
+  color: var(--color-text-light);
+}
+.featured-post:hover .featured-post__tags > li {
+  border: 1px solid var(--color-border-light);
 }
diff --git a/assets/scss/style.scss b/assets/scss/style.scss
index 65d3f8d..b953c6e 100644
--- a/assets/scss/style.scss
+++ b/assets/scss/style.scss
@@ -1,4 +1,13 @@
 :root {
+  --color-bg: rgba(255,247,240, 1);
+  --color-text: black;
+  --color-text-2: #333333;
+  --color-text-light: white;
+  --color-text-light-2: rgba(255,255,255,0.9);
+  --color-hover: rgba(120,120,120, 1);
+  --color-border: rgba(120,120,120,1);
+  --color-border-dark: black;
+  --color-border-light: white;
   --header-frame-bg: white;
   --body-bg: rgba(255, 247, 240, 1);
   --box-color: black;
@@ -59,8 +68,8 @@ time, mark, audio, video {
 	margin: 0;
 	padding: 0;
 	border: 0;
-	font-size: 100%;
 	font: inherit;
+	font-size: 100%;
 	vertical-align: baseline;
 }
 /* HTML5 display-role reset for older browsers */
@@ -71,6 +80,10 @@ footer, header, hgroup, menu, nav, section {
 body {
   line-height: 1;
   font-family: Arial, Helvetica, sans-serif;
+  box-sizing: border-box;
+}
+* {
+  box-sizing: border-box;
 }
 ol, ul {
 	list-style: none;
@@ -92,7 +105,14 @@ button {
   cursor: pointer;
 }
 
+a {
+  text-decoration: none;
+  color: initial;
+}
+
 @import "vars";
 @import "header";
+@import "main";
 @import "li";
 @import "list";
+@import "summary";
diff --git a/layouts/_default/li.html b/layouts/_default/li.html
index 7d57101..c55a264 100644
--- a/layouts/_default/li.html
+++ b/layouts/_default/li.html
@@ -1,13 +1,19 @@
-<section class="post-item" href="{{.Permalink}}">
+<article class="post-item">
     <div class="post-item-grid">
-        <div class="post-item-grid__title">
+        <a class="{{if isset .Params "tags"}}post-item-grid__title{{else}}post-item-grid__nopad{{end}} post-item__link" href="{{.Permalink}}">
             <h2 class="post-item__title">{{.Title}}</h2>
-            <time datetime="{{.Date.Format "2006-01-02"}}">{{.Date.Format "2006-01-02"}}</time>
+            <time class="post-item__date" datetime="{{.Date.Format "2006-01-02"}}">{{.Date.Format "2006-01-02"}}</time>
+        </a>
+        <div class="post-item-grid__description post-item__description">{{.Description}}</div>
+        {{if isset .Params "image"}}
+        <div class="post-item-grid__image post-item__image">
+            <img src="{{printf "%s%s" .File.Dir .Params.image}}" alt="{{.Title}}" />
         </div>
-        <a class="post-item__tag">
-            {{if isset .Params "tags"}}
-                <span class="post-item__tag-text">{{index .Params.tags 0}}</span>
-            {{end}}
+        {{end}}
+        {{if isset .Params "tags"}}
+        <a href="/tags/{{index .Params.tags 0 | urlize}}" class="post-item__tag">
+            {{index .Params.tags 0}}
         </a>
+        {{end}}
     </div>
-</section>
+</article>
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index e69de29..a5056e8 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -0,0 +1,3 @@
+<div>
+    {{.Title}}
+</div>
diff --git a/layouts/_default/summary.html b/layouts/_default/summary.html
index 9b70883..e69de29 100644
--- a/layouts/_default/summary.html
+++ b/layouts/_default/summary.html
@@ -1,5 +0,0 @@
-<div class="featured-post">
-    <h2 class="featured-post__title">{{.Title}}</h2>
-    <img class="featured-post__image src={{.Image}}" alt="{{.Title}}" />
-    <div class="featured-post__description">{{.Description}}</div>
-</div>
diff --git a/layouts/index.html b/layouts/index.html
index d7a96b4..c4096bc 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -1,21 +1,31 @@
 {{define "main"}}
 <div class="hero">
     {{ if isset .Site.Params "featured" }}
-      <div class="featured-posts">
-        {{ $pages := .Site.RegularPages }}
-        {{range first 3 $pages}}
-          {{ .Render "summary" }}
-        {{end}}
-      </div>
-      {{end}}
-</div>
-<div class="post-list">
-  {{ $pages := .Pages }}
-      {{ if .IsHome }}
-      {{ $pages = .Site.RegularPages }}
-      {{ end }}
-      {{- range $pages -}}
-        {{ .Render "li" }}
-      {{- end }}
+        <div class="featured-posts">
+            {{ $pages := .Site.RegularPages }}
+            {{range first 3 $pages}}
+            {{ partial "featured" . }}
+            {{end}}
+        </div>
+        <div class="post-list">
+            {{ $pages := .Pages }}
+            {{ if .IsHome }}
+            {{ $pages = .Site.RegularPages }}
+            {{ end }}
+            {{ range after 3 $pages }}
+            {{ .Render "li" }}
+            {{ end }}
+        </div>
+    {{else}}
+        <div class="post-list">
+            {{ $pages := .Pages }}
+            {{ if .IsHome }}
+            {{ $pages = .Site.RegularPages }}
+            {{ end }}
+            {{ range $pages }}
+            {{ .Render "li" }}
+            {{ end }}
+        </div>
+    {{end}}
 </div>
 {{end}}
diff --git a/layouts/partials/featured.html b/layouts/partials/featured.html
new file mode 100644
index 0000000..55c9118
--- /dev/null
+++ b/layouts/partials/featured.html
@@ -0,0 +1,16 @@
+<div class="featured-post">
+    {{if isset .Params "image"}}
+        <img class="featured-post__image" src="{{printf "%s%s" .File.Dir .Params.image | absURL }}" alt="{{.Params.imageTitle}}" />
+        <div class="featured-post__image-filter"></div>
+    {{end}}
+    <a href="{{.Permalink}}" class="featured-post__wrapper">
+        <h2 class="featured-post__title">{{.Title}}</h2>
+        <div class="featured-post__description">{{.Description}}</div>
+        <time datetime="{{.Date}}">{{.Date.Format "2006/02/01"}}</time>
+    </a>
+    <ul class="featured-post__tags">
+        {{ range .Params.tags }}
+        <li><a href="/tags/{{. | urlize}}">{{.}}</a></li>
+        {{end}}
+    </ul>
+</div>
diff --git a/static/css/style.css b/static/css/style.css
index 49a3a47..6d3a78f 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -1,4 +1,13 @@
 :root {
+  --color-bg: rgba(255,247,240, 1);
+  --color-text: black;
+  --color-text-2: #333333;
+  --color-text-light: white;
+  --color-text-light-2: rgba(255,255,255,0.9);
+  --color-hover: rgba(120,120,120, 1);
+  --color-border: rgba(120,120,120,1);
+  --color-border-dark: black;
+  --color-border-light: white;
   --header-frame-bg: white;
   --body-bg: rgba(255, 247, 240, 1);
   --box-color: black;
@@ -59,8 +68,8 @@ time, mark, audio, video {
   margin: 0;
   padding: 0;
   border: 0;
-  font-size: 100%;
   font: inherit;
+  font-size: 100%;
   vertical-align: baseline;
 }
 
@@ -73,6 +82,11 @@ footer, header, hgroup, menu, nav, section {
 body {
   line-height: 1;
   font-family: Arial, Helvetica, sans-serif;
+  box-sizing: border-box;
+}
+
+* {
+  box-sizing: border-box;
 }
 
 ol, ul {
@@ -98,6 +112,11 @@ button {
   cursor: pointer;
 }
 
+a {
+  text-decoration: none;
+  color: initial;
+}
+
 header {
   max-width: 1584px;
   margin: 0 auto;
@@ -214,9 +233,11 @@ header {
   z-index: -1;
 }
 
+#content {
+  padding: 1%;
+}
+
 .post-item {
-  max-height: 200px;
-  text-decoration: none;
   color: var(--color-text);
   padding: 0.5rem;
   position: relative;
@@ -231,12 +252,27 @@ header {
   transition-property: box-shadow, transform;
   transition-duration: 0.2s, 0.3s;
   transition-timing-function: ease;
-  display: block;
 }
 .post-item:hover {
   transform: translate(4px, 4px);
   box-shadow: 1px 1px var(--post-card-box-shdw-clr);
 }
+.post-item__description {
+  color: var(--color-text-2);
+}
+.post-item__date {
+  color: var(--color-text-2);
+  font-family: monospace;
+}
+.post-item__image {
+  border: 1px solid var(--color-border);
+  overflow: hidden;
+}
+.post-item__image > img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
 .post-item__title {
   font-size: 1.5rem;
   font-weight: 600;
@@ -244,23 +280,20 @@ header {
   color: black;
 }
 .post-item__tag {
-  color: var(--post-card-text);
-  text-decoration: none;
-  display: block;
-}
-.post-item__tag:hover {
-  color: black;
-  text-decoration: underline black;
-}
-.post-item__tag-text {
   position: absolute;
   padding: 3px 5px;
-  background: var(--post-card-tag-bg-color);
-  color: white;
+  background: var(--color-text);
+  color: var(--color-text-light);
   top: 0;
   left: 0;
-  border: 1px solid var(--post-card-tag-bg-color);
+  border: 1px solid var(--color-border-dark);
   max-height: 30px;
+  display: block;
+}
+.post-item__tag:hover {
+  background: var(--color-text-light);
+  color: var(--color-text);
+  cursor: pointer;
 }
 
 .post-item:not(:last-of-type) {
@@ -269,20 +302,26 @@ header {
 
 .post-item-grid {
   display: grid;
+  height: 100%;
+  overflow: hidden;
   grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
   grid-template-rows: minmax(auto, 25px) minmax(0, auto) auto;
   grid-column-gap: 8px;
   align-items: center;
-  grid-template-areas: "pad image" "title image" "excerpt image" "excerpt image" "excerpt image";
+  grid-template-areas: "pad image" "title image" "description image";
+}
+.post-item-grid__nopad {
+  grid-row: pad/title;
 }
 .post-item-grid__title {
   grid-area: title;
 }
 .post-item-grid__image {
   grid-area: image;
+  align-self: start;
 }
-.post-item-grid__excerpt {
-  grid-area: excerpt;
+.post-item-grid__description {
+  grid-area: description;
 }
 .post-item-grid__pad {
   grid-area: pad;
@@ -293,4 +332,125 @@ header {
   flex-flow: column nowrap;
 }
 
+.featured-posts {
+  display: grid;
+  width: 100%;
+  margin: 1rem 0;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  grid-template-rows: auto;
+  grid-template-areas: "first second" "first third";
+}
+
+.featured-post {
+  border: 1px solid var(--color-border);
+  padding: 2rem;
+  position: relative;
+}
+.featured-post:hover {
+  background: var(--color-hover);
+}
+.featured-post__wrapper {
+  padding: 1rem;
+  background: transparent;
+}
+.featured-post__image {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  display: none;
+  z-index: 0;
+  width: 100%;
+  height: 100%;
+}
+.featured-post__image-filter {
+  display: none;
+  background: rgba(0, 0, 0, 0.65);
+  position: absolute;
+  z-index: 0;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+}
+.featured-post__description {
+  color: var(--color-text-2);
+  margin: 0.5rem 0;
+}
+.featured-post__tags {
+  display: flex;
+  position: relative;
+  z-index: 1;
+  margin-top: 1rem;
+}
+.featured-post__tags > li {
+  padding: 0.5rem;
+  border: 1px solid var(--color-border);
+}
+.featured-post__tags > li:not(:last-of-type) {
+  margin-right: 1rem;
+}
+.featured-post:nth-child(1) {
+  grid-area: first;
+}
+.featured-post:nth-child(1) .featured-post__title {
+  font-weight: 700;
+  font-size: 1.5rem;
+  margin: 1rem 0;
+}
+.featured-post:nth-child(1) .featured-post__description {
+  font-size: 1rem;
+}
+.featured-post:nth-child(2) {
+  grid-area: second;
+}
+.featured-post:nth-child(2) .featured-post__title {
+  font-weight: 700;
+  font-size: 1rem;
+  margin: 0.5rem 0;
+}
+.featured-post:nth-child(2) .featured-post__description {
+  font-size: 0.8rem;
+}
+.featured-post:nth-child(3) {
+  grid-area: third;
+}
+.featured-post:nth-child(3) .featured-post__title {
+  font-weight: 700;
+  font-size: 1rem;
+  margin: 0.5rem 0;
+}
+.featured-post:nth-child(3) .featured-post__description {
+  font-size: 0.8rem;
+}
+
+.featured-post:hover .featured-post__image {
+  display: block;
+}
+
+.featured-post:hover .featured-post__image-filter {
+  display: block;
+}
+
+.featured-post:hover .featured-post__wrapper {
+  color: var(--color-text-light);
+  z-index: 1;
+  position: relative;
+}
+
+.featured-post:hover .featured-post__description {
+  color: var(--color-text-light);
+}
+
+.featured-post:hover .featured-post__tags > li > a {
+  color: var(--color-text-light);
+}
+
+.featured-post:hover .featured-post__tags > li {
+  border: 1px solid var(--color-border-light);
+}
+
 /*# sourceMappingURL=style.css.map */
diff --git a/static/css/style.css.map b/static/css/style.css.map
index 446c04b..d9e7faf 100644
--- a/static/css/style.css.map
+++ b/static/css/style.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../assets/scss/style.scss","../../assets/scss/_header.scss","../../assets/scss/_vars.scss","../../assets/scss/_li.scss","../../assets/scss/_list.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAaC;EACA;EACA;EACA;EACA;EACA;;;AAED;AACA;AAAA;EAEC;;;AAED;EACE;EACA;;;AAEF;EACC;;;AAED;EACC;;;AAED;AAAA;EAEC;EACA;;;AAED;EACC;EACA;;;AAGD;EACE;;;AC3FF;EACE,WCGW;EDFX;EACA;;AACA;EAJF;IAKI;;;;AAIJ;EACE;EACA;EACA;;AACA;EACE;EACA;;;AAGJ;EACE;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;;AAIJ;EACE;;AACA;EAFF;IAGI;;;;AAIJ;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAEF;EACE;;AACA;EAFF;IAGI;;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AEtGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA,qBACA;;AAMA;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;;AC9EJ;EACE;EACA","file":"style.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../../assets/scss/style.scss","../../assets/scss/_header.scss","../../assets/scss/_vars.scss","../../assets/scss/_main.scss","../../assets/scss/_li.scss","../../assets/scss/_list.scss","../../assets/scss/_summary.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAaC;EACA;EACA;EACA;EACA;EACA;;;AAED;AACA;AAAA;EAEC;;;AAED;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACC;;;AAED;EACC;;;AAED;AAAA;EAEC;EACA;;;AAED;EACC;EACA;;;AAGD;EACE;;;AAGF;EACE;EACA;;;AC7GF;EACE,WCGW;EDFX;EACA;;AACA;EAJF;IAKI;;;;AAIJ;EACE;EACA;EACA;;AACA;EACE;EACA;;;AAGJ;EACE;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;;AAIJ;EACE;;AACA;EAFF;IAGI;;;;AAIJ;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAEF;EACE;;AACA;EAFF;IAGI;;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AEtGF;EACE;;;ACDF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,qBACA;;AAIA;EACE;;AAGF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;;AAEF;EACE;;;AClGJ;EACE;EACA;;;ACFF;EACE;EACA;EACA;EACA;EACA;EACA,qBACE;;;AAKJ;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACI;EACA;;AAGJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AASJ;EACE;;AACA;EACE;EACA;EACA;;AAEF;EACE;;AAGJ;EACE;;AACA;EACE;EACA;EACA;;AAEF;EACE;;AAGJ;EACE;;AACA;EACE;EACA;EACA;;AAEF;EACE;;;AAON;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE","file":"style.css"}
\ No newline at end of file