@@ -50,16 +50,16 @@

 }

 * {

-    box-sizing: border-box;

-    transition: font-size 0.2s ease;

+  box-sizing: border-box;

+  transition: font-size 0.2s ease;

 }

 body {

-    margin: 0px;

-    font-family: 'Lato', 'Alegreya Sans', sans-serif;

+  margin: 0px;

+  font-family: "Lato", "Alegreya Sans", sans-serif;

   background: var(--zenburn-bg);

   color: var(--zenburn-fg);

-    font-weight: 300;

+  font-weight: 300;

 }

 .current {

@@ -67,29 +67,29 @@ body {

   color: var(--zenburn-fg-plus-1);

 }

-

 #container {

-    opacity: 1;

-    transition: 0.1s ease opacity;

+  opacity: 1;

+  transition: 0.1s ease opacity;

 }

 #container[v-cloak] {

-    opacity: 0;

+  opacity: 0;

 }

 a {

   color: var(--zenburn-fg);

-    border: thin solid transparent;

+  border: thin solid transparent;

   cursor: pointer;

 }

-.current_feed a, .feeds a {

-    display: inline-block;

-    vertical-align: middle;

-    text-decoration: none;

-    cursor: pointer;

-    margin-right: 1em;

-    width: 100%;

+.current_feed a,

+.feeds a {

+  display: inline-block;

+  vertical-align: middle;

+  text-decoration: none;

+  cursor: pointer;

+  margin-right: 1em;

+  width: 100%;

 }

 a:hover {

@@ -98,149 +98,158 @@ a:hover {

 }

 a:focus {

-    text-decoration: underline;

+  text-decoration: underline;

 }

 header * {

-    padding: 0;

-    margin: 0;

+  padding: 0;

+  margin: 0;

 }

 #container > .left,

 #container > .right {

-    top: 7em;

+  top: 7em;

 }

 #container > .left.collapsed,

 #container > .right.v-expand {

-    top: 3em;

+  top: 3em;

 }

 #container > .right.v-expand .article-title {

-    font-size: 0.75rem;

-

+  font-size: 0.75rem;

 }

 #container > header {

-    height: 7em;

+  height: 7em;

 }

 #container > header.v-collapse {

-    height: 3em;

+  height: 3em;

 }

 #container > header.v-collapse .general-info {

-    line-height: 3em;

+  line-height: 3em;

 }

 #container > header {

-    width: 100vw;

+  width: 100vw;

   background: var(--zenburn-bg);

   border-bottom: 4px double var(--zenburn-green);

-    box-sizing: border-box;

-    position: absolute;

-    display: block;

-    right: 0;

-    font-size: 16px;

-    line-height: 1.25;

-    transition: height 0.2s ease, line-height 0.2s ease;

-    overflow: hidden;

-    z-index: 1000;

+  box-sizing: border-box;

+  position: absolute;

+  display: block;

+  right: 0;

+  font-size: 16px;

+  line-height: 1.25;

+  transition: height 0.2s ease, line-height 0.2s ease;

+  overflow: hidden;

+  z-index: 1000;

 }

 #container > header > * {

-    vertical-align: middle;

+  vertical-align: middle;

 }

 #container > header > .general-info {

-    width: 24vw;

-    height: 100%;

-    line-height: 6rem;

-    display: block;

-    float: left;

-    text-align: right;

-    padding-right: 1em;

+  width: 24vw;

+  height: 100%;

+  line-height: 6rem;

+  display: block;

+  float: left;

+  text-align: right;

+  padding-right: 1em;

   border-right: 3px var(--zenburn-green) double;

-    transition: width 0.2s ease, padding 0.2s ease;

-    overflow: hidden;

+  transition: width 0.2s ease, padding 0.2s ease;

+  overflow: hidden;

 }

 .collapsed + .right > .article-container {

-    width: 38em;

+  width: 38em;

 }

 #container > header > .general-info.collapsed {

-    padding-right: 0em;

+  padding-right: 0em;

 }

 #container > header > .feed-info {

-    width: 75vw;

-    height: 100%;

-    line-height: 2rem;

-    display: block;

-    float: right;

+  width: 75vw;

+  height: 100%;

+  line-height: 2rem;

+  display: block;

+  float: right;

 }

-header h1, header h2, header h3, header h4, header h5, header h6 {

-    max-height: 1.2em;

-    width: auto;

-    border: none;

-    margin: 0.1em 0;

+header h1,

+header h2,

+header h3,

+header h4,

+header h5,

+header h6 {

+  max-height: 1.2em;

+  width: auto;

+  border: none;

+  margin: 0.1em 0;

 }

 #container > header > .general-info.collapsed + .feed-info .description {

-    display: none;

+  display: none;

 }

-    

+

 #container > header.v-collapse > .feed-info h2,

 #container > header.v-collapse > .feed-info h3 {

-    display: inline-block;

-    font-size: 1rem;

+  display: inline-block;

+  font-size: 1rem;

 }

 #container > .right {

-    overflow-y: auto;

-    width: 50vw;

-    box-sizing: border-box;

-    position: absolute;

-    display: block;

-    bottom: 0;

-    right: 0;

-    font-size: 16px;

-    line-height: 1.25;

+  overflow-y: auto;

+  width: 50vw;

+  box-sizing: border-box;

+  position: absolute;

+  display: block;

+  bottom: 0;

+  right: 0;

+  font-size: 16px;

+  line-height: 1.25;

 }

-h1, h2, h3, h4, h5, h6 {

-    border-bottom: 3px #28b0b1 double;

+h1,

+h2,

+h3,

+h4,

+h5,

+h6 {

+  border-bottom: 3px #28b0b1 double;

 }

-

-#container > *, #container > .left > * {

-    transition: width 0.2s ease, top 0.2s ease;

+#container > *,

+#container > .left > * {

+  transition: width 0.2s ease, top 0.2s ease;

 }

 .article-container {

-    width: 30em;

-    margin: auto;

-    transition: width 0.2s ease;

-    letter-spacing: +0.25px;

-    line-height: 1.5;

+  width: 30em;

+  margin: auto;

+  transition: width 0.2s ease;

+  letter-spacing: +0.25px;

+  line-height: 1.5;

 }

 .article-title {

-    padding: 0.5em 1em;

-    position: relative;

+  padding: 0.5em 1em;

+  position: relative;

 }

 .article-title a {

-    display: block;

+  display: block;

 }

 .article-title button {

-    font-family: 'Source Code Pro', 'Courier New', monospace;

-    position: absolute;

-    right: 1em;

-    bottom: 0.5em;

+  font-family: "Source Code Pro", "Courier New", monospace;

+  position: absolute;

+  right: 1em;

+  bottom: 0.5em;

 }

 .like_button {

@@ -249,72 +258,75 @@ h1, h2, h3, h4, h5, h6 {

 #container > .left {

   border-right: 4px var(--zenburn-blue) double;

-    width: 50vw;

-    overflow: hidden;

-    box-sizing: border-box;

-    position: absolute;

-    display: block;

-    left: 0;

-    bottom: 0;

+  width: 50vw;

+  overflow: hidden;

+  box-sizing: border-box;

+  position: absolute;

+  display: block;

+  left: 0;

+  bottom: 0;

 }

 div.description {

-    line-height: 1em;

-    margin-top: 0.5em;

+  line-height: 1em;

+  margin-top: 0.5em;

 }

 #container > .right img {

-    max-width: 95%;

-    height: auto;

-    display: block;

-    margin: auto;

+  max-width: 95%;

+  height: auto;

+  display: block;

+  margin: auto;

 }

-.current_feed, .feeds {

-    overflow-x: hidden;

-    overflow-y: scroll;

+.current_feed,

+.feeds {

+  overflow-x: hidden;

+  overflow-y: scroll;

 }

 .current_feed {

-    height: 100%;

-    width: 25vw;

-    float: right;

+  height: 100%;

+  width: 25vw;

+  float: right;

 }

 .feeds {

-    height: 100%;

-    width: 24vw;

-    float: left;

-    padding: 1em;

-    border-right: 3px #28b0b1 double;

+  height: 100%;

+  width: 24vw;

+  float: left;

+  padding: 1em;

+  border-right: 3px var(--zenburn-blue) double;

 }

-.feeds .title, .feeds .url {

-    white-space: nowrap;

+.feeds .title,

+.feeds .url {

+  white-space: nowrap;

 }

 .feeds .title {

-    font-size: 120%;

+  font-size: 120%;

 }

 .feeds .url {

-    font-size: 75%;

-    padding-left: 2.5em;

-    margin-bottom: 0.5em;

+  font-size: 75%;

+  padding-left: 2.5em;

+  margin-bottom: 0.5em;

 }

 .collapsed {

-    width: 0vw !important;

-    overflow: hidden;

+  width: 0vw !important;

+  overflow: hidden;

 }

 .collapsed > * {

-    width: 0vw !important;

-    overflow: hidden;

+  width: 0vw !important;

+  overflow: hidden;

 }

-.collapsed + .right, .collapsed + .top {

-    width: 100vw !important;

+.collapsed + .right,

+.collapsed + .top {

+  width: 100vw !important;

 }

 .collapse-toggle {

@@ -326,40 +338,46 @@ div.description {

     border-radius: 0.3em;

 }

-

-.code, code, pre {

-    white-space: pre;

-    font-family: 'Source Code Pro', monospace;

+.code,

+code,

+pre {

+  white-space: pre;

   background: var(--zenburn-bg-2);

   border: 1px solid var(--zenburn-fg);

-    font-size: 10px;

+  font-family: "Source Code Pro", monospace;

+  font-size: 10px;

 }

 code {

-    padding: 0 0.5em;

+  padding: 0 0.5em;

 }

 pre {

-    padding: 1em;

+  padding: 1em;

 }

-.code pre, code .code, pre code,

-.code .code, code code, pre pre,

-.code code, code pre, pre .code

-{

-    background: transparent;

-    padding: 0;

-    border: none;

+.code pre,

+code .code,

+pre code,

+.code .code,

+code code,

+pre pre,

+.code code,

+code pre,

+pre .code {

+  background: transparent;

+  padding: 0;

+  border: none;

 }

 .current_feed ul {

-    padding: 0;

-    list-style: none;

+  padding: 0;

+  list-style: none;

 }

 .current_feed ul > li {

-    padding: 0.25em 0.25em;

+  padding: 0.25em 0.25em;

 }

 .current_feed ul a {

-    padding: 0.1em 0.25em;

+  padding: 0.1em 0.25em;

 }