Refactor modal styles and move script to bottom

Author: microbitcoder652

projects.md

@@ -41,20 +41,17 @@ author_profile: true
   </div>
 </div>
 
-<script>
-function openModal(id) {
-  document.getElementById(id).style.display = "block";
-}
-
+<style>
 .modal {
   display: none;
   position: fixed;
   z-index: 1000;
-  left: 0; top: 0;
-  width: 100%; height: 100%;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
   background-color: rgba(0,0,0,0.8);
 }
-
 .modal-content {
   background-color: #111;
   margin: 10% auto;
@@ -64,15 +61,20 @@ function openModal(id) {
   color: #e0f7fa;
   box-shadow: 0 0 20px #00ffe7;
 }
-
 .close {
   color: #00ffe7;
   float: right;
   font-size: 28px;
   cursor: pointer;
 }
+</style>
 
+<script>
+function openModal(id) {
+  document.getElementById(id).style.display = "block";
+}
 function closeModal(id) {
   document.getElementById(id).style.display = "none";
 }
 </script>
+