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

/* MediaWiki:Common.css */

/* General Styles */ body {

   font-family: 'Noto Sans Devanagari', 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;

}

.cta p {

   font-size: 1.2em;

}

.cta a {

   color: #fc5351;
   font-weight: bold; 

}

/* Footer */ .footer {

  text-align:center; 
  padding-top:.5em; 
  padding-bottom:.5em; 
  background-color:#fff; 
  border-top-width:.0625em; 
  border-top-style:none; 
  border-top-color:#ddd; 
  margin-top:.625em; 
  box-shadow:#00000019 -2px -2px -4px

}

.footer p {

  margin-bottom:.5em; 
  color:#777; 
  font-size:.6875em

}

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

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

@media (max-width :480 px) {

.hero h1{ font-size :1 .5 em } .hero p{ font-size :.9 em } .hero a{ font-size :.9 em;padding :8 px 15 px } .card h2{ font-size :1 .3 em } .card p{ font-size :.9 em } .cta h2{ font-size :1 .5 em } .cta p{ font-size :.9 em } }

1. ca-viewsource {

display:none ; }