add scss converter

html-websites/cipherbliss_blog/style.css

@@ -10,7 +10,6 @@ html {
 }
 
 body {
-
   text-align: left;
   margin: 0 auto;
   font-size: 1.5rem;
@@ -20,12 +19,7 @@ body {
   background: #fff;
 }
 
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
+h1, h2, h3, h4, h5, h6 {
   font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
   margin-top: 1em;
   margin-bottom: 2rem;
@@ -33,9 +27,10 @@ h6 {
 }
 
 /* 1. Use a more-intuitive box-sizing model */
-*,
-*::before,
-*::after {
+* {
+  box-sizing: border-box;
+}
+*::before, *::after {
   box-sizing: border-box;
 }
 
@@ -49,11 +44,7 @@ body {
 }
 
 /*  Improve media defaults */
-img,
-picture,
-video,
-canvas,
-svg {
+img, picture, video, canvas, svg {
   display: block;
   width: 100%;
   margin-top: 1rem;
@@ -62,21 +53,12 @@ svg {
 }
 
 /* Inherit fonts for form controls */
-input,
-button,
-textarea,
-select {
+input, button, textarea, select {
   font: inherit;
 }
 
 /* Avoid text overflows */
-p,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
+p, h1, h2, h3, h4, h5, h6 {
   overflow-wrap: break-word;
 }
 
@@ -89,7 +71,7 @@ p {
 
 h1 {
   font-size: 4rem;
-  color: #221d30
+  color: #221d30;
 }
 
 h2 {
@@ -100,28 +82,26 @@ h3 {
   font-size: 1.5rem;
 }
 
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
+h1, h2, h3, h4, h5, h6 {
   text-wrap: balance;
   line-height: 1.3em;
 }
 
-#root,
-#__next {
+#root, #__next {
   isolation: isolate;
 }
 
-input,
-button,
-textarea,
-select {
+input, button, textarea, select {
   font: inherit;
 }
 
+a {
+  display: inline-block;
+  padding: 0.5rem 2rem;
+  margin-right: 1rem;
+  margin-bottom: 1rem;
+}
+
 ul {
   padding-left: 4ch;
   padding-right: 4ch;
@@ -140,4 +120,6 @@ li {
   body {
     padding: 1rem;
   }
-}
+}
+
+/*# sourceMappingURL=style_general.css.map */