/*/* ===== General Styles ===== */
body {
    font-family: 'Arial', sans-serif;
    margin: 0;
    padding: 0;
    background-color: #f8f8f8;
    color: #333;
    line-height: 1.6;
    text-align: center;
}

/* ===== Header ===== */
header {
    background-color: #1a1a1a;
    color: #fff;
    padding: 60px 20px;
}

header h1 {
    font-size: 2.8rem;
    margin-bottom: 10px;
}

header p {
    font-size: 1.2rem;
    margin-bottom: 20px;
}

header .cta-button {
    background-color: #ff5722;
    color: #fff;
    padding: 15px 35px;
    font-size: 1.2rem;
    text-decoration: none;
    border-radius: 10px;
    display: inline-block;
    transition: transform 0.2s, background-color 0.2s;
}

header .cta-button:hover {
    transform: scale(1.05);
    background-color: #e64a19;
}

/* ===== Section Styles ===== */
.section {
    padding: 50px 20px;
}

.section h2 {
    font-size: 2rem;
    margin-bottom: 25px;
    color: #1a1a1a;
}

/* ===== Affiliate Buttons ===== */
.affiliate-button {
    display: block;
    background-color: #4CAF50;
    color: #fff;
    padding: 15px 20px;
    margin: 15px auto;
    width: 80%;
    max-width: 300px;
    text-decoration: none;
    font-size: 1.1rem;
    border-radius: 8px;
    transition: transform 0.2s, background-color 0.2s;
}

.affiliate-button:hover {
    transform: scale(1.05);
    background-color: #45a049;
}

/* ===== Testimonials ===== */
.testimonial {
    font-style: italic;
    margin: 20px auto;
    max-width: 600px;
    color: #555;
}

/* ===== Footer ===== */
footer {
    background-color: #1a1a1a;
    color: white;
    padding: 25px 20px;
}

footer a {
    color: #ff5722;
    text-decoration: none;
    margin: 0 10px;
    transition: color 0.2s;
}

footer a:hover {
    color: #ffa270;
}

/* ===== Responsive ===== */
@media screen and (max-width: 768px) {
    header h1 {
        font-size: 2rem;
    }
    header p {
        font-size: 1rem;
    }
    .section h2 {
        font-size: 1.6rem;
    }
    .affiliate-button {
        width: 90%;
    }
} CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

body {
  background-color: white;
  color: black;
  font-family: Verdana;
}