Add Styling To Apply Popup In Registration Section

Author: Prerna-0202

assets/css/style.css

@@ -827,6 +827,26 @@ h6 {
 width: 80%;
 margin: auto;
 }
+#exampleModalLabel{
+color:#413e66;
+font-family: 'Ubuntu', sans-serif;
+font-weight:550;
+}
+.modal-body{
+color:#0c0102;
+font-weight: 540;
+font-family: 'Ubuntu', sans-serif;
+font-size:20px;
+}
+.modal-content{
+border:1.5px solid #312f4d;
+border-radius:17px;
+-webkit-border-radius:17px;
+-moz-border-radius:17px;
+-ms-border-radius:17px;
+-o-border-radius:17px;
+box-shadow: #010505;
+}
 
 /*Timeline*/
 
@@ -927,6 +947,7 @@ h6 {
 right: auto;
 }
 
+
 .timeline > li.timeline-inverted > .timeline-panel:after {
 border-left-width: 0;
 border-right-width: 14px;

index.html

@@ -23,7 +23,7 @@
 <!-- Favicons -->
 <link href="assets/img/favicon.png" rel="icon">
 <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
-
+<link rel="preconnect" href="https://fonts.googleapis.com">
 <!-- Google Fonts -->
 <link
 href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Montserrat:300,400,500,600,700@display=swap"
@@ -190,9 +190,9 @@ <h3>REGISTRATION</h3>
 <div class="modal fade" id="popupModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
 aria-hidden="true">
 <div class="modal-dialog modal-dialog-centered" role="document">
-<div class="modal-content">
+<div style="background-color: #f5f8fd;" class="modal-content">
 <div class="modal-header">
-<h2 style="color:#444;" class="modal-title text-info" id="exampleModalLabel">Can't apply</h2>
+<h2 class="modal-title text-info" id="exampleModalLabel">Can't apply</h2>
 <button style="color: #ff0000;font-size:45px;" type="button" class="close" data-dismiss="modal"
 aria-label="Close">
 <span aria-hidden="true">&times;</span>