add featured posts scss, add some styles

11 files changed, 240 insertions, 183 deletions

diff --git a/assets/scss/_featured-posts.scss b/assets/scss/_featured-posts.scss
new file mode 100644
index 0000000..34c13da
--- /dev/null
+++ b/assets/scss/_featured-posts.scss
@@ -0,0 +1,148 @@
+.featured-posts {
+  display: grid;
+  width: 100%;
+  max-height: 50vh;
+  margin: 1rem 0;
+  box-shadow: 4px 4px var(--color-boxshadow-dark);
+  transition-property: box-shadow, transform;
+  transition-duration: 0.2s, 0.3s;
+  transition-timing-function: ease;
+  background: var(--color-card-bg);
+
+  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;
+  transition-property: box-shadow, transform;
+  transition-duration: 0.2s, 0.3s;
+  transition-timing-function: ease;
+
+  &:hover {
+    background: var(--color-hover);
+    transform: translate(4px, 4px);
+    box-shadow: 0px 0px 3px 0px var(--color-boxshadow);
+  }
+
+  &__wrapper {
+    padding: 1rem;
+    background: transparent;
+  }
+
+  &__image {
+    opacity: 0;
+    position: absolute;
+    top:0;
+    bottom:0;
+    left:0;
+    right:0;
+    z-index: 0;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    transition: opacity 0.3s ease; 
+  }
+
+  &__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 {
+  opacity: 1;
+}
+.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/_header.scss b/assets/scss/_header.scss
index 2fb1076..9ec0d03 100644
--- a/assets/scss/_header.scss
+++ b/assets/scss/_header.scss
@@ -71,7 +71,7 @@ header {
   width: calc(100% - 2rem - 16px);
   transform: translateX(-6px);
   padding: 1rem;
-  background: var(--header-frame-bg);
+  background: var(--color-header-bg);
   border: 3px solid var(--box-color);
   box-shadow: 11px 11px var(--box-color);
   position: relative;
diff --git a/assets/scss/_li.scss b/assets/scss/_li.scss
index 6048108..30bec52 100644
--- a/assets/scss/_li.scss
+++ b/assets/scss/_li.scss
@@ -6,17 +6,17 @@
   margin-right: auto;
   margin-left: auto;
   width: calc(100% - 1rem - 10px);
-  background: var(--post-card-bg);
+  background: var(--color-card-bg);
   transition: transform 0.2s ease;
-  border: 1px solid var(--post-card-border-clr);
-  box-shadow: 5px 5px var(--post-card-boxshdw-clr);
+  border: 1px solid var(--color-border);
+  box-shadow: 5px 5px var(--color-boxshadow);
   transition-property: box-shadow, transform;
   transition-duration: 0.2s, 0.3s;
   transition-timing-function: ease;
 
   &:hover {
     transform: translate(4px, 4px);
-    box-shadow: 1px 1px var(--post-card-box-shdw-clr);
+    box-shadow: 1px 1px var(--color-boxshadow);
   }
 
   &__description {
@@ -36,13 +36,14 @@
       width: 100%;
       height: 100%;
       object-fit: cover;
+      max-height: 10rem;
     }
   }
 
   &__title {
     font-size: 1.5rem;
     font-weight: 600;
-    margin-bottom: 0.4rem;
+    margin-bottom: 0.5rem;
     color: black;
   }
 
@@ -74,7 +75,8 @@
   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;
+  grid-column-gap: 0.5rem;
+  grid-row-gap: 1rem;
   align-items: center;
   grid-template-areas:
   'pad image'
@@ -87,15 +89,19 @@
 
   &__title {
     grid-area: title;
+    align-self: start;
   }
   &__image {
     grid-area: image;
-    align-self: start;
   }
   &__description {
     grid-area: description;
+    align-self: start;
   }
   &__pad {
     grid-area: pad;
   }
+  &__nodesc {
+    grid-row: title / description;
+  }
 }
diff --git a/assets/scss/_main.scss b/assets/scss/_main.scss
index 839efb3..b4abd64 100644
--- a/assets/scss/_main.scss
+++ b/assets/scss/_main.scss
@@ -1,3 +1,6 @@
 #content {
   padding: 1%; 
+  max-width: $screen-max; 
+  margin: 0 auto;
+  background: var(--color-bg);
 }
diff --git a/assets/scss/_summary.scss b/assets/scss/_summary.scss
index 93d4ff7..e69de29 100644
--- a/assets/scss/_summary.scss
+++ b/assets/scss/_summary.scss
@@ -1,134 +0,0 @@
-.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;
-
-  &: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 b953c6e..81fd91a 100644
--- a/assets/scss/style.scss
+++ b/assets/scss/style.scss
@@ -1,14 +1,17 @@
 :root {
   --color-bg: rgba(255,247,240, 1);
+  --color-card-bg: rgba(250,250,250,0.8);
+  --color-header-bg: white;
   --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-hover: linear-gradient(to right, rgba(120,120,120,1) 0%, rgba(120,120, 120,0.7) 50%);
   --color-border: rgba(120,120,120,1);
   --color-border-dark: black;
   --color-border-light: white;
-  --header-frame-bg: white;
+  --color-boxshadow: rgba(100,100,100,1);
+  --color-boxshadow-dark: rgba(70,70,70,1);
   --body-bg: rgba(255, 247, 240, 1);
   --box-color: black;
   --post-text-color: #343f44;
@@ -81,6 +84,7 @@ body {
   line-height: 1;
   font-family: Arial, Helvetica, sans-serif;
   box-sizing: border-box;
+  background: var(--color-bg);
 }
 * {
   box-sizing: border-box;
@@ -116,3 +120,4 @@ a {
 @import "li";
 @import "list";
 @import "summary";
+@import "featured-posts";
diff --git a/layouts/_default/li.html b/layouts/_default/li.html
index c55a264..fe32e94 100644
--- a/layouts/_default/li.html
+++ b/layouts/_default/li.html
@@ -1,14 +1,25 @@
 <article class="post-item">
     <div class="post-item-grid">
-        <a class="{{if isset .Params "tags"}}post-item-grid__title{{else}}post-item-grid__nopad{{end}} post-item__link" href="{{.Permalink}}">
+        {{$test := "test"}}
+        {{$title_class := "post-item-grid__title"}}
+        {{if not (isset .Params "description")}}
+        {{$title_class = "post-item-grid__nodesc"}}
+        {{else if not (isset .Params "tags")}}
+        {{$title_class = "post-item-grid__nopad"}}
+        {{end}}
+        <a class="{{$title_class}} post-item__link" href="{{.Permalink}}">
             <h2 class="post-item__title">{{.Title}}</h2>
             <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 "description"}}
+        <a class="post-item-grid__description post-item__link" href="{{.Permalink}}">
+            <div class="post-item__description">{{.Description}}</div>
+        </a>
+        {{end}}
         {{if isset .Params "image"}}
-        <div class="post-item-grid__image post-item__image">
+        <a class="post-item-grid__image post-item__image" href="{{.Permalink}}">
             <img src="{{printf "%s%s" .File.Dir .Params.image}}" alt="{{.Title}}" />
-        </div>
+        </a>
         {{end}}
         {{if isset .Params "tags"}}
         <a href="/tags/{{index .Params.tags 0 | urlize}}" class="post-item__tag">
diff --git a/layouts/index.html b/layouts/index.html
index c4096bc..8196297 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -1,31 +1,29 @@
 {{define "main"}}
-<div class="hero">
-    {{ if isset .Site.Params "featured" }}
-        <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>
+{{ if isset .Site.Params "featured" }}
+<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}}
 {{end}}
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 28bdd10..751a15f 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -1,4 +1,5 @@
 <head>
     <title>{{ .Title }}</title>
-    <link rel="stylesheet" href="css/style.css" >
+    {{ $style := resources.Get "scss/style.scss" | resources.ToCSS | resources.Minify | resources.Fingerprint }}
+    <link rel="stylesheet" href="{{$style.Permalink}}" >
 </head>
diff --git a/static/css/style.css b/static/css/style.css
index 6d3a78f..8090635 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -1,5 +1,7 @@
 :root {
   --color-bg: rgba(255,247,240, 1);
+  --color-card-bg: rgba(250,250,250,0.8);
+  --color-header-bg: white;
   --color-text: black;
   --color-text-2: #333333;
   --color-text-light: white;
@@ -8,7 +10,8 @@
   --color-border: rgba(120,120,120,1);
   --color-border-dark: black;
   --color-border-light: white;
-  --header-frame-bg: white;
+  --color-boxshadow: rgba(100,100,100,1);
+  --color-boxshadow-dark: rgba(70,70,70,1);
   --body-bg: rgba(255, 247, 240, 1);
   --box-color: black;
   --post-text-color: #343f44;
@@ -83,6 +86,7 @@ body {
   line-height: 1;
   font-family: Arial, Helvetica, sans-serif;
   box-sizing: border-box;
+  background: var(--color-bg);
 }
 
 * {
@@ -199,7 +203,7 @@ header {
   width: calc(100% - 2rem - 16px);
   transform: translateX(-6px);
   padding: 1rem;
-  background: var(--header-frame-bg);
+  background: var(--color-header-bg);
   border: 3px solid var(--box-color);
   box-shadow: 11px 11px var(--box-color);
   position: relative;
@@ -235,6 +239,9 @@ header {
 
 #content {
   padding: 1%;
+  max-width: 1584px;
+  margin: 0 auto;
+  background: var(--color-bg);
 }
 
 .post-item {
@@ -245,17 +252,17 @@ header {
   margin-right: auto;
   margin-left: auto;
   width: calc(100% - 1rem - 10px);
-  background: var(--post-card-bg);
+  background: var(--color-card-bg);
   transition: transform 0.2s ease;
-  border: 1px solid var(--post-card-border-clr);
-  box-shadow: 5px 5px var(--post-card-boxshdw-clr);
+  border: 1px solid var(--color-border);
+  box-shadow: 5px 5px var(--color-boxshadow);
   transition-property: box-shadow, transform;
   transition-duration: 0.2s, 0.3s;
   transition-timing-function: ease;
 }
 .post-item:hover {
   transform: translate(4px, 4px);
-  box-shadow: 1px 1px var(--post-card-box-shdw-clr);
+  box-shadow: 1px 1px var(--color-boxshadow);
 }
 .post-item__description {
   color: var(--color-text-2);
@@ -335,7 +342,13 @@ header {
 .featured-posts {
   display: grid;
   width: 100%;
+  max-height: 50vh;
   margin: 1rem 0;
+  box-shadow: 4px 4px var(--color-boxshadow-dark);
+  transition-property: box-shadow, transform;
+  transition-duration: 0.2s, 0.3s;
+  transition-timing-function: ease;
+  background: var(--color-card-bg);
   grid-template-columns: repeat(2, minmax(0, 1fr));
   grid-template-rows: auto;
   grid-template-areas: "first second" "first third";
@@ -345,9 +358,14 @@ header {
   border: 1px solid var(--color-border);
   padding: 2rem;
   position: relative;
+  transition-property: box-shadow, transform;
+  transition-duration: 0.2s, 0.3s;
+  transition-timing-function: ease;
 }
 .featured-post:hover {
   background: var(--color-hover);
+  transform: translate(4px, 4px);
+  box-shadow: 0px 0px 3px 0px var(--color-boxshadow);
 }
 .featured-post__wrapper {
   padding: 1rem;
@@ -363,6 +381,7 @@ header {
   z-index: 0;
   width: 100%;
   height: 100%;
+  object-fit: cover;
 }
 .featured-post__image-filter {
   display: none;
diff --git a/static/css/style.css.map b/static/css/style.css.map
index d9e7faf..0fc40ef 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/_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
+{"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/_featured-posts.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;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;EACA;;;AAEF;EACE;;;AAEF;EACC;;;AAED;EACC;;;AAED;AAAA;EAEC;EACA;;;AAED;EACC;EACA;;;AAGD;EACE;;;AAGF;EACE;EACA;;;ACjHF;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,WDEW;ECDX;EACA;;;ACJF;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;EACA;EACA;EACA;EAEA;EACA;EACA,qBACE;;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;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