|
Tags: Manual revert Reverted |
| Line 68: |
Line 68: |
| border-radius: 4px !important; | | border-radius: 4px !important; |
| background-color: #fff !important; | | background-color: #fff !important; |
| }
| |
| /* --- HERO SECTION CONTAINER --- */
| |
| .hero-container {
| |
| background: #ffffff;
| |
| padding: 60px 20px;
| |
| text-align: center;
| |
| border-radius: 6px;
| |
| margin-top: 10px;
| |
| }
| |
|
| |
| /* --- TOP TRICOLOUR BORDER --- */
| |
| .flag-line {
| |
| height: 6px;
| |
| width: 100%;
| |
| background: linear-gradient(to right, #FF5722, #FFFFFF, #1B8E1B);
| |
| border-radius: 4px 4px 0 0;
| |
| margin-bottom: 35px;
| |
| }
| |
|
| |
| /* --- TITLE --- */
| |
| .hero-title {
| |
| font-size: 42px;
| |
| font-weight: 700;
| |
| margin-bottom: 12px;
| |
| }
| |
|
| |
| .brand-name {
| |
| color: #2a55e8;
| |
| }
| |
|
| |
| /* --- SUBTITLE --- */
| |
| .hero-subtitle {
| |
| font-size: 20px;
| |
| font-style: italic;
| |
| color: #555;
| |
| margin-bottom: 18px;
| |
| }
| |
|
| |
| /* --- ARTICLE COUNT --- */
| |
| .article-count {
| |
| font-size: 18px;
| |
| margin-bottom: 28px;
| |
| }
| |
|
| |
| /* --- SEARCH BAR AREA --- */
| |
| .hero-search {
| |
| display: flex;
| |
| justify-content: center;
| |
| gap: 10px;
| |
| margin-top: 10px;
| |
| }
| |
|
| |
| .hero-input {
| |
| width: 380px;
| |
| padding: 12px;
| |
| border-radius: 6px;
| |
| border: 1px solid #ccc;
| |
| font-size: 15px;
| |
| }
| |
|
| |
| .hero-button {
| |
| padding: 12px 22px;
| |
| background: #e0e0e0;
| |
| border: 1px solid #bdbdbd;
| |
| border-radius: 6px;
| |
| font-size: 15px;
| |
| font-weight: 600;
| |
| cursor: pointer;
| |
| } | | } |