diff --git a/assets/css/custom.css b/assets/css/custom.css
index 55594c1..a8a0ed5 100644
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@@ -4,9 +4,9 @@ layout: none
 
 @keyframes blink 
 {  
- 0% { opacity: 1.0; }
- 50% { opacity: 0.0; }
- 100% { opacity: 1.0; }
+	0% { opacity: 1.0; }
+	50% { opacity: 0.0; }
+	100% { opacity: 1.0; }
 }
 
 * {
@@ -16,11 +16,10 @@ layout: none
 
 body {
 	font-size: 12px;
-    display: flex;
-    flex-flow: column;
-    height: 100%;
-    background-color: black;
-
+	display: flex;
+	flex-flow: column;
+	height: 100%;
+	background-color: black;
 }
 
 img {
@@ -35,21 +34,20 @@ img {
 .imageframe{
 	background-color: rgba(255,148,0,0.1);
 	top: 0;
-	left :0;
+	left: 0;
 	border-style: inset;
 	border-color: #ad6603;
 	text-align: right;
 }
 
 .portrait{
-    width: 150px;
-    height: 150px;
-    background-size: contain;
-    background-repeat: no-repeat;
-    background-image: url({{site.baseurl}}/assets/images/yui.png);
-    filter: hue-rotate(-100deg);
-    background-position: center right;
-
+	width: 150px;
+	height: 150px;
+	background-size: contain;
+	background-repeat: no-repeat;
+	background-image: url({{site.baseurl}}/assets/images/yui.png);
+	filter: brightness(80%);
+	background-position: center right;
 }
 
 /* header */
@@ -71,7 +69,6 @@ nav {
 	line-height: 2rem;
 	padding-left: 20px;
 	padding-right: 20px;
-
 }
 
 nav a {
@@ -97,7 +94,6 @@ main.post-list {
 	line-height: 1.5rem;
 	padding-left: 20px;
 	padding-right: 20px;
-
 }
 
 main.about{
@@ -159,7 +155,6 @@ footer {
 	padding-top:20px;
 	padding-left: 20px;
 	padding-right: 20px;
-
 }
 
 @media screen and (max-width: 780px) {