fix problem redriect in mobile

Author: temanisparsh

src/App.css

@@ -74,6 +74,21 @@
     padding: 20px;
     background-color: #1a1c27;
 }
+
+.problem-statement-link {
+    text-decoration: none !important;
+    color: #b3b3b3;
+}
+
+.problem-statement-link:hover {
+    color: #646464;
+}
+
+.problem-statement-link:active {
+    text-decoration: none;
+    color: #b3b3b3;
+}
+
 .problem-statement h4 a {
     text-decoration: none;
     color: #b3b3b3;

src/App.js

@@ -154,7 +154,11 @@ const Problem = ({ problem, updateProblem }) => {
                 <div className="problem-modal">
                     <Modal isOpen={isOpen} toggle={toggleModal}>
                         <ModalHeader toggle={toggleModal}>
-                            {data[problem].number + ".   " + data[problem].name}
+                            <a className="problem-statement-link" href={data[problem].link} target="_blank">
+                                {data[problem].number +
+                                    ".   " +
+                                    data[problem].name}
+                            </a>
                         </ModalHeader>
                         <ModalBody>
                             <div className="problem-statement">