मीडियाविकि:Common.css

/* MediaWiki:Common.css */

body {

   font-family: 'Arial', sans-serif;
   color: #333;
   background-color: #f9f9f9;
   margin: 0;
   padding: 0;

}

/* Hero Section */ .hero {

   background: #fc5351;
   color: #ffffff;
   padding: 60px 20px;
   border-radius: 20px;
   box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
   text-align: center;
   margin-bottom: 40px;

}

.hero h1 {

   font-size: 2.5em;
   font-weight: 700;
   margin: 0;

}

.hero p {

   font-size: 1.25em;
   margin: 20px 0;
   font-weight: 300;

}

.hero a {

   display: inline-block;
   background: #ffffff;
   color: #fc5351;
   padding: 15px 30px;
   border-radius: 30px;
   text-decoration: none;
   font-size: 1.2em;
   font-weight: 600;
   margin-top: 20px;
   transition: background 0.3s, color 0.3s;
   border: 2px solid #fc5351;

}

.hero a:hover {

   background: #fc5351;
   color: #ffffff;

}

/* Info Cards */ .card {

   background: #ffffff;
   border-radius: 15px;
   box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
   padding: 20px;
   border: 1px solid #e0e0e0;
   margin-bottom: 20px;

}

.card h2 {

   font-size: 2em;
   color: #6c0cec;
   border-bottom: 3px solid #e0e0e0;
   padding-bottom: 10px;
   margin-bottom: 20px;
   font-weight: 700;

}

.card p {

   font-size: 1.2em;
   color: #555;
   line-height: 1.6;

}

/* CTA Section */ .cta {

   background: #f4f4f4;
   color: #333;
   padding: 40px;
   border-radius: 15px;
   box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
   text-align: center;
   margin-top: 40px;

}

.cta h2 {

   font-size: 2.2em;
   font-weight: 700;
   color: #fc5351;
   margin: 0;

}

.cta p {

   font-size: 1.2em;
   margin-top: 15px;

}

.cta a {

   color: #fc5351;
   font-weight: 600;
   text-decoration: underline;
   transition: color 0.3s;

}

.cta a:hover {

   color: #b03a30;

}

/* Footer */ .footer {

   text-align: center;
   padding: 20px;
   background: #ffffff;
   border-top: 1px solid #ddd;
   margin-top: 40px;
   box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);

}

.footer p {

   margin: 0;
   color: #777;
   font-size: 1.1em;

}

/* Media Queries */ @media (max-width: 768px) {

   .hero h1 {
       font-size: 1.8em;
   }
   .hero p {
       font-size: 1em;
   }
   .hero a {
       font-size: 1em;
       padding: 10px 20px;
   }
   .card h2 {
       font-size: 1.5em;
   }
   .card p {
       font-size: 1em;
   }
   .cta h2 {
       font-size: 1.8em;
   }
   .cta p {
       font-size: 1em;
   }

}

@media (max-width: 480px) {

   .hero h1 {
       font-size: 1.5em;
   }
   .hero p {
       font-size: 0.9em;
   }
   .hero a {
       font-size: 0.9em;
       padding: 8px 15px;
   }
   .card h2 {
       font-size: 1.3em;
   }
   .card p {
       font-size: 0.9em;
   }
   .cta h2 {
       font-size: 1.5em;
   }
   .cta p {
       font-size: 0.9em;
   }

}

1. ca-viewsource {

   display: none;

}