fix css errors

css/style.css

@@ -1,10 +1,27 @@
+
 /* overall */
 html {
 	scroll-behavior: smooth;
 }
 
+/* add tumblr font */
+@font-face {
+	font-family: Favorit;
+	src: url('../font/favorit-regular.woff2') format(woff2);
+	font-style: normal;
+	font-weight: normal;
+}
+
+@font-face {
+	font-family: Favorit;
+	src: url('../font/favorit-medium.woff2') format(woff2);
+	font-style: normal;
+	font-weight: bold;
+}
+
+
 * {
-	font-family: arial, helvetica, sans-serif;
+	font-family: Favorit, sans-serif;
 	font-size: 11pt;
 	word-break: break-word;
 }
@@ -650,7 +667,9 @@ aside {
 	top: 0;
 	width: 100%;
 	z-index:105;
-	&:before {
+}
+
+.lightbox-opened:before {
 	background-color: #333;
 	background-color: rgba(#333, 0.9);
 	color: #eee;
@@ -660,10 +679,10 @@ aside {
 	position: fixed;
 	text-transform: uppercase;
 }
-	img {
+
+.lightbox-opened img {
 	box-shadow: 0 0 6px 3px #333;
 }
-}
 
 .no-scroll {
 	overflow: hidden;