modal and other fixes

css/style.css

@@ -32,10 +32,16 @@ body {
     margin: 0;
     padding: 0;
     overflow-x: hidden;
-    font-family: "Raleway", sans-serif;
+    font-family: "Raleway", sans-serif;/
 }
 
-
+img {
+    -webkit-user-drag: none;
+    -khtml-user-drag: none;
+    -moz-user-drag: none;
+    -o-user-drag: none;
+    user-drag: none;
+  }
 
 header {
     background: #8166cd;
@@ -1903,14 +1909,10 @@ article{
 
 
 .modal{
-    width: 40%;
-    height: 50vh;
+    width: 50%;
+    /* height: 50vh; */
     overflow-y: scroll;
-    border: 5px solid #eea44f;
-
-
-
-
+    overflow: initial;
 }
 
 .modal a{

index.html

@@ -612,7 +612,6 @@ <h1>
 
 
       </p>
-      <a href="#" rel="modal:close">Close</a>
     </div>
 
     <div id="ex2" class="modal">
@@ -622,30 +621,25 @@ <h1>
 
 
         </p>
-        <a href="#" rel="modal:close">Close</a>
       </div>
 
       <div id="ex3" class="modal">
           <p>
               From mobile payments to internet banking, an increased number of consumers are adopting fintech solutions today, and therefore there are a lot of exciting career options in this space.
 
           </p>
-          <a href="#" rel="modal:close">Close</a>
         </div>
 
         <div id="ex4" class="modal">
            <p>
               The increase in patients has led to the decrease in the relative number of doctors per patient which results in a vicious cycle where ignored or delayed diagnostics of an ailment makes the patient more dependent on doctor’s check-up. Some also cannot afford to visit a doctor.
            </p>
-            <a href="#" rel="modal:close">Close</a>
           </div>
 
           <div id="ex5" class="modal">
             <p>
                 We are advancing in technology at a very rapid rate. But this development has made our nature suffer. It is considered more important to expand cities than to save trees.
             </p>
-
-              <a href="#" rel="modal:close">Close</a>
             </div>
 
             <div id="ex6" class="modal">
@@ -655,22 +649,19 @@ <h1>
 
 
                </p>
-                <a href="#" rel="modal:close">Close</a>
               </div>
 
               <div id="ex7" class="modal">
                 <p>
                     As technology is evolving, Businesses are accelerating their investments in innovation and digital advancements. Today, in this fast trending world, many innovative ideas have turned into significant business adventures. Here, we are looking forward to our next Facebook, Uber or Zomato.
                 </p>
-                  <a href="#" rel="modal:close">Close</a>
                 </div>
 
                 <div id="ex8" class="modal">
                   <p>
                       A large part of our population is still not able to receive proper education due to lack of resources. Education is important for everyone, but only a few have access to it. Children of poor families tend to move frequently, which disrupts their education.
 
                   </p>
-                    <a href="#" rel="modal:close">Close</a>
                   </div>
 
      <article class="contact">

js/main.js

@@ -3,9 +3,9 @@ AOS.init({
     disabled:"mobile"
 });
 
-
-
 particlesJS.load('particles-js', './js/particle.json', function() {
     console.log('callback - particles.js config loaded');
 });
 
+
+document.addEventListener('contextmenu', event => event.preventDefault());