added download cv button

css/about.css

@@ -5,6 +5,9 @@
  * Copyright (c) 2020 Lukas Heiligenbrunner
  */
 
+#section2{
+    background-color: #ffc107;
+}
 #aboutmeText {
     width: 100%;
 }
@@ -28,6 +31,32 @@
     height: 100%;
 }
 
+.aboutcontainer a{
+    text-decoration: none;
+}
+#downloadcvbtn{
+    margin-top: 15%;
+
+    width: 300px;
+    padding: 10px;
+    background-color: #ba9320;
+    color: black;
+    border-radius: 5mm;
+    font-size: larger;
+    border-width: 1mm;
+    border-color: #7f6721;
+    border-style: solid;
+
+    transition: background-color 500ms;
+}
+
+#downloadcvbtn:hover{
+    /*background-color: #facf4d;*/
+    color: white;
+    background-color: #7f6721;
+    transition: all 500ms;
+}
+
 /* screen larger than 600px -- desktop */
 @media screen and (min-width: 1201px) {
     #aboutPic:hover {

index.html

@@ -72,7 +72,7 @@
     </div>
 
     <!-- About Page -->
-    <div id="section2" class="bg-warning tile">
+    <div id="section2" class="tile">
         <div class="container">
             <div class="aboutcontainer">
                 <h1>About me</h1>
@@ -97,7 +97,11 @@
                     <li>Latex</li>
                     <li>OpenSCAD</li>
                 </ul>
+                <a href="rsc/curriculumvitaee.pdf" target="_blank"><div id="downloadcvbtn">
+                    Download Curriculum Vitae
+                </div></a>
             </div>
+
             <div class="aboutPicContainer">
                 <img src="rsc/self4.jpg" id="aboutPic">
             </div>