added some small styling changes

src/components/Hint/hint.css

@@ -3,7 +3,9 @@
 }
 
 .hintBody {
-  border: 1px solid black;
+  box-shadow: 0 15px 25px 0 rgba(0, 0, 0, 0.2);
   background-color: rgb(241, 243, 146);
   color: black;
+  transform: scale(1.09);
+  transition: all 0.7s ease;
 }

src/components/Hint/index.js

@@ -1,23 +1,10 @@
-//import React, { useState } from "react";
 import React from "react";
 import "./hint.css";
 import Card from "react-bootstrap/Card";
 
-// import { zoomIn } from "react-animations";
-// import styled, { keyframes } from "styled-components";
-
 export default function hint(props) {
-  // const [isShown, setIsShown] = useState(false);
-  // const Bounce = styled.div`
-  //   animation: 0.7s ${keyframes`${zoomIn}`};
-  // `;
-
   return (
     <div>
-      {/* <Bounce
-        onMouseEnter={() => setIsShown(true)}
-        onMouseLeave={() => setIsShown(false)}
-      > */}
       <Card className="hintCard">
         <Card.Body className="hintBody">
           <span role="img" aria-label="lightbulb">
@@ -27,7 +14,6 @@ export default function hint(props) {
           Here comes the hint fetched from the backend later
         </Card.Body>
       </Card>
-      {/* </Bounce> */}
     </div>
   );
 }

src/pages/Homepage/homepage.css

@@ -6,7 +6,7 @@
 
 .hpCard:hover {
   box-shadow: 0 15px 25px 0 rgba(0, 0, 0, 0.2);
-  transform: scale(1.07);
+  transform: scale(1);
   transition: all 0.5s ease;
 }
 

src/pages/Homepage/index.js

@@ -28,9 +28,6 @@ export default function Homepage() {
       setSearchResults(results);
     }
   }, [searchTerm]);
-  console.log("test", searchResults);
-  console.log("search", searchTerm);
-  console.log("exercises", exercises);
 
   const handleChange = (event) => {
     setSearchTerm(event.target.value);

src/pages/Welcome/welcome.css

@@ -1,14 +1,15 @@
 .welcomeHeader {
-  background: #009973;
+  background: #018c65;
   width: 100%;
+  height: 20em;
 }
 
 .welcomeGif {
   display: block;
   margin-left: auto;
   margin-right: auto;
-  align-content: center;
-  width: 70%;
+
+  width: 50%;
   background: #009973;
 }
 
@@ -33,3 +34,9 @@
   margin: 4px 2px;
   border-radius: 8px;
 }
+
+.welcomeButton:hover {
+  box-shadow: 0 15px 25px 0 rgba(0, 0, 0, 0.2);
+  transform: scale(1.07);
+  transition: all 0.5s ease;
+}