changed the way the portrait is displayed on the about page

about.html

@@ -6,9 +6,7 @@ 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 imageframe">
-	<div class="portrait"></div>
-</div>
+<div class="portrait"></div>
 <p>
 I've been studying information engineering (InfoTech) at the <a href="https://www.aau.at/">AAU</a> since 2017.
 </p>

assets/css/custom.css

@@ -26,28 +26,20 @@ img {
 	max-width: 100% !important;
 }
 
-.wrap-left{
-	float: right;
-	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{
+	float: right;
 	width: 150px;
 	height: 150px;
+	background-color: rgba(255,148,0,0.1);
 	background-size: contain;
 	background-repeat: no-repeat;
 	background-image: url({{site.baseurl}}/assets/images/yui.png);
 	filter: brightness(80%);
 	background-position: center right;
+	border-style: inset;
+	border-color: #ad6603;
+	margin-left: 10px;
+
 }
 
 /* header */
@@ -184,4 +176,8 @@ footer {
 	.asciiart {
 		font-size: 0.5rem !important;
 	}
+
+	.imageframe {
+
+	}
 }