Addition of CV button, and project Book Catalogue

Addition of button CV to see the CV.
Styled display and position of the button and the other elements within the div that contains them.
Addition of the project Book Catalogue in the work section.

Css/styles.css

@@ -149,7 +149,7 @@ footer > p {
     max-width: 215px; 
     height: auto;    
 }
-.button-check-code {
+.button-check-code, .button-cv {
     background-color: white;
     border-radius: 2%;
     border: none;
@@ -164,6 +164,11 @@ footer > p {
     text-decoration: none;
     margin-bottom: 5px;
 }
+.cv-icon {
+    color: #007e77;
+    width: 40px;
+    height: auto;
+}
 
 /* About Page */
 
@@ -744,8 +749,19 @@ font-size: 30px;
 }
 
 .profile-text {
-    display:inline-block;
-    align-content: center;
+    display:flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.button-check-code{
+    width: 200px;
+    height: auto;
+}
+
+.button-cv{
+    width: 50px;
+    height: auto;
 }
 
 /* About me*/

index.html

@@ -49,6 +49,12 @@ <h1 class="h1">Howdy Folks!</h1>
          <button class="button-check-code">
             <a href="#work" class="check-code"> Check out my code!</a>
         </button>
+        <br>
+        <button class="button-cv">
+            <a href="./dist/downloads/Hermann Rasch_Full-Stack-CV.pdf" download="Hermann-Rasch_CV.pdf">
+                <img src="./dist/favicon/cv.png" class="cv-icon" alt="Download CV">
+            </a>
+        </button>
         </div>
      </div>
      <br>
@@ -253,6 +259,19 @@ <h2 class="project-title">Movies Couch API</h2>
                 </a>
             </div>
 
+            <div class="grid-item" id="Book-Catalogue">
+                <h2 class="project-title">Book Catalogue</h2> 
+                <p class="project-p">The Book Catalogue app is a comprehensive web application designed to manage a collection of books effectively.
+                    It serves as an interactive platform where users can explore a variety of books, each detailed with essential information
+                    like title, author, subgenre, and publishing year. The application's main strength lies in its CRUD (Create, Read, Update, Delete)
+                    functionality, allowing for seamless management of the book inventory.
+                </p>
+                <br>
+                <a href="https://github.com/HerRA17/Book-Catalogue" class="link-Example">
+                    <img src="./dist/Work portraits/Book-Catalogue.png" id="work-img">
+                </a>
+            </div>
+
             <div class="grid-item" id="pokedex">
                 <h2 class="project-title">Pokédex</h2> 
                 <p class="project-p">Small web application that loads data from an external API (Pokemons from an external source).
@@ -309,6 +328,8 @@ <h2 id="Contact">Contact</h2>
             <a href="https://www.flaticon.com/free-icons/gmail" title="gmail icons">Gmail icons created by Pixel perfect - Flaticon</a>
             <br>
             <a href="https://www.flaticon.com/de/kostenlose-icons/mehr" title="mehr Icons">Mehr Icons erstellt von gravisio - Flaticon</a>
+            <br>
+            <a href="https://www.flaticon.com/free-icons/businessman" title="businessman icons">Businessman icons created by Freepik - Flaticon</a>
         </div>
     </footer>
     <!-- <script src="js/tota11y.min.js"></script> -->