beginning to add styles to the quote card

src/Components/Quote/QuoteCard.js

@@ -2,10 +2,16 @@ import React from 'react';
 import './quote.css'
 
 export default function 
-QuoteCard(props) {
-    const { name, key } = props;
+QuoteCard({ quote, game, name, key}) {
    
-    return ( <div><h2>{name}</h2>
-    <h4>{key}</h4></div>
+
+    return ( <div class="quote-wrapper">
+        <quote>{quote}</quote>
+        <h2>{name}</h2>
+        
+        <h3>{game}</h3>
+        
+        <div></div>
+    </div>
      );
 }

src/Components/Quote/quote.css

@@ -1,5 +1,17 @@
-.quotes {
-
-    font-family: "../Assets/Fonts/KHGummi";
-
+@font-face {
+    font-family: KHGummi;
+    src: url(../Assets/Fonts/KHGummi.otf);
 }
+
+quote {
+    font-family: KHGummi;
+}
+
+.quote-wrapper {
+    border: solid black 4px;
+    padding:  50;
+    background: none;
+    cursor: pointer;
+    margin: 10px 0;
+}
+