body{font-family:Roboto,sans-serif;background-image:url(https://blog.thenounproject.com/wp-content/uploads/2023/09/affiliate-marketing-1080x675.png);background-size:cover;background-repeat:no-repeat;background-color:#f7f9fb;color:#333;line-height:1.6;margin:0;padding:0;display:flex;justify-content:center;align-items:center;min-height:100vh}.App{max-width:900px;margin:50px auto;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 8px 20px #0000001a;text-align:center}header{margin-bottom:30px}header h1{font-size:3rem;color:#333;font-weight:700;margin-bottom:10px}header p{font-size:1.2rem;color:#555}.blog-card{background:#000;padding:20px;border-radius:10px;margin:20px 0;background-image:url();box-shadow:0 4px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease;background-size:cover;background-position:center;color:#fff;font-size:20px}.blog-card:hover{transform:translateY(-10px);box-shadow:0 8px 16px #0003}.blog-card h2{font-size:1.8rem;margin-bottom:10px}.blog-card p{font-size:1.1rem;margin-bottom:15px}.read-more{display:inline-block;background-color:#4a90e2;color:#fff;padding:10px 15px;border-radius:5px;text-decoration:none;font-size:1.1rem;transition:background-color .3s ease}.read-more:hover{background-color:#357abd}.blog-post{max-width:800px;margin:40px auto;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 8px 20px #0000001a;text-align:left}.blog-post h1{font-size:2.5rem;color:#333;margin-bottom:20px}.blog-post .description{font-size:1.2rem;color:#666;margin-bottom:20px}.blog-post .content{font-size:1.1rem;color:#444;line-height:1.6}.like-share{margin-top:30px}.like-button,.share-button{background-color:#4a90e2;color:#fff;padding:10px 15px;border-radius:5px;font-size:1.1rem;cursor:pointer;border:none}.like-button:hover,.share-button:hover{background-color:#357abd}.share-message{margin-top:20px;font-size:1.1rem;color:green}.comments-section{margin-top:30px;border-top:1px solid #ccc;padding-top:20px}.comments-section h3{font-size:1.5rem;color:#333;margin-bottom:20px}.comments-section form{display:flex;flex-direction:column}.comments-section textarea{padding:12px;font-size:1.1rem;border-radius:8px;border:1px solid #ccc;margin-bottom:10px}.comments-section button{background-color:#28a745;color:#fff;padding:12px 18px;font-size:1.1rem;border-radius:5px;border:none;cursor:pointer;transition:background-color .3s ease}.comments-section button:hover{background-color:#218838}.comment{background:#f9f9f9;padding:10px;border-radius:5px;margin-bottom:10px;font-size:1rem;color:#555}