body { font-family: "Arial", sans-serif; background-color: #f5f5f5; margin: 0; padding: 0; } .main { max-width: 800px; margin: 20px auto; background-color: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } @media (max-width: 600px) { .main { margin: 0; padding: 10px; border-radius: 0; box-shadow: none; } } .gtitle1 { font-family: "Arial", sans-serif; text-align: center; font-weight: 200; font-size: 24px; } .gtitle2 { font-family: "Hari"; text-align: center; font-weight: 200; font-size: 18px; } .gtitle { font-family: "Arial", sans-serif; text-align: justify; line-height: 30px; } .gtitle a { color: #cf4f55; text-decoration: none; } .gtitleIndex { font-family: "Arial", sans-serif; font-size: 24px; margin-bottom: 10px; line-height: 40px; } .gtitleIndex a { color: #cf4f55; text-decoration: none; } .content1 { background-color: #f96; margin-bottom: 10px; margin-left: 20px; height: 50px; } .content2 { margin-top: 20px; } .etitle { font-family: "Arial", sans-serif; } .etitle1 { font-family: "Arial", sans-serif; color: #ff3838; text-align: center; } .etitle2 { font-family: "Arial", sans-serif; margin-top: 20px; color: #ff3838; text-align: center; } .eimg { width: 50px; float: left; } .gtitlev { font-family: "Arial", sans-serif; text-align: center; font-weight: 200; font-size: 24px; margin-bottom: 10px; background-color: #dbdbdb; } .gtitlev1 { font-family: "Arial", sans-serif; text-align: center; font-weight: 200; font-size: 24px; margin-bottom: 10px; margin-top: 10px; background-color: #dbdbdb; } .gtitlev2 { font-family: "Arial", sans-serif; text-align: center; font-weight: 200; font-size: 30px; margin-bottom: 10px; background-color: #dbdbdb; color: #ff3838; } .gtitleb { font-family: "Arial", sans-serif; text-align: center; font-weight: 200; font-size: 24px; margin-bottom: 10px; } .gpara { font-family: "Arial", sans-serif; text-align: justify; margin-bottom: 10px; font-size: 20px; } .gpara1 { font-family: "Arial", sans-serif; text-align: justify; margin-bottom: 10px; font-size: 25px; color: #cf4f55; } .gparabhajan { font-family: "Arial", sans-serif; text-align: justify; margin-top: 10px; background-color: #ebebeb; } .gparalast { font-family: "Arial", sans-serif; text-align: justify; margin-left: 150px; margin-bottom: 10px; } .gparaindent { font-family: "Arial", sans-serif; text-align: justify; margin-left: 25px; } .gnumber { float: left; background: url(index-number-bg.png) no-repeat left top; width: 27px; height: 27px; line-height: 30px; text-align: center; color: #cf4f55; font-family: "Arial", sans-serif; margin: 0 8px 0 0; font-size: 20px; } .gnumber1 { float: left; background: url(index-number-bg.png) no-repeat left top; width: 27px; height: 27px; line-height: 40px; text-align: center; color: #cf4f55; font-family: "Arial", sans-serif; margin: 0 8px 0 0; font-size: 24px; margin-bottom: 10px; } .chend { font-family: "Arial", sans-serif; line-height: 30px; margin-top: 10px; background-color: #dbdbdb; text-align: center; } .gparabhajan3 { font-family: "Arial", sans-serif; margin-top: 10px; } .gtitlev3 { font-family: "Arial", sans-serif; text-align: center; font-size: 24px; margin-bottom: 10px; background-color: #dbdbdb; } .gparamid3 { font-family: "Arial", sans-serif; text-align: justify; margin-left: 25px; } .gparalast3 { font-family: "Arial", sans-serif; text-align: justify; margin-left: 75px; margin-bottom: 10px; }