portrait

about.html

@@ -6,7 +6,8 @@ layout: page-about
 <p>
 Hay! My name's neko and I'm an avid student of information engineering. I also enjoy collecting old electronics, mechanical cameras, and analogue audio gear. 
 </p>
-<div class="wrap-left portrait">
+<div class="wrap-left imageframe">
+	<div class="portrait"></div>
 </div>
 <p>
 I've been studying information engineering (InfoTech) at the <a href="https://www.aau.at/">AAU</a> since 2017.

assets/css/custom.css

@@ -32,22 +32,26 @@ img {
 	margin-left: 10px;
 }
 
+.imageframe{
+	background-color: rgba(255,148,0,0.1);
+	top: 0;
+	left :0;
+	border-style: inset;
+	border-color: #ad6603;
+	text-align: right;
+}
+
 .portrait{
     width: 150px;
     height: 150px;
-    float: right;
     background-size: contain;
     background-repeat: no-repeat;
     background-image: url(/neko/crt/assets/images/yui.png);
     filter: hue-rotate(-100deg);
+    background-position: center right;
 
 }
 
-.orange-filter{
-
-}
-
-
 /* header */
 
 header {