Merge branch 'fonts'

Author: wonil-park

client/src/components/Banner.jsx

@@ -7,7 +7,7 @@ const Banner = (props) => {
       style={{ backgroundColor: "black", color: "white", textAlign: "center" }}
     >
       <div className="container">
-        <h1 className="display-4">Motivation Station</h1>
+        <h1 className="banner-title display-4">Motivation Station</h1>
         <p className="lead">Are you ready to be motivated?</p>
       </div>
     </div>

client/src/components/ExerciseService.jsx

@@ -35,7 +35,7 @@ class ExerciseService extends React.Component {
           <h1 className="service-icon">{iconChoice}</h1>
           <button
             type="button"
-            className="btn btn-dark"
+            className="btn btn-outline-dark rounded-pill"
             data-toggle="modal"
             data-target="#exampleModal"
           >