more fancy list items

cleanup in about.css

css/about.css

@@ -5,6 +5,7 @@
  * Copyright (c) 2020 Lukas Heiligenbrunner
  */
 
+/* ID selectors */
 #section2 {
     background-color: #deebff;
 }
@@ -13,17 +14,6 @@
     width: 100%;
 }
 
-.aboutcontainer {
-    width: 40%;
-    float: left;
-}
-
-.aboutPicContainer {
-    width: 60%;
-    height: 300px;
-    float: left;
-}
-
 #aboutPic {
     float: right;
     margin-top: 10%;
@@ -32,10 +22,6 @@
     height: 100%;
 }
 
-.aboutcontainer a {
-    text-decoration: none;
-}
-
 #downloadcvbtn {
     margin-top: 15%;
 
@@ -52,8 +38,40 @@
     transition: background-color 500ms;
 }
 
+/* CLASS selectors */
+.aboutcontainer {
+    width: 40%;
+    float: left;
+}
+
+.aboutPicContainer {
+    width: 60%;
+    height: 300px;
+    float: left;
+}
+
+.aboutcontainer a {
+    text-decoration: none;
+}
+
+.arrowicon {
+    margin: 0;
+    padding: 7px 0 7px 20px;
+    list-style: none;
+    background-image: url("../rsc/arrow.svg");
+    background-repeat: no-repeat;
+    background-position: left center;
+    background-size: 20px;
+}
+
+/* HOVER selectors */
+.arrowicon:hover {
+    background-color: #7a96c2;
+    border-radius: 3mm;
+    margin-left: 3mm;
+}
+
 #downloadcvbtn:hover {
-    /*background-color: #facf4d;*/
     color: white;
     background-color: #194378;
     transition: all 500ms;