body {  
    font-family: Arial, sans-serif;  
    background-color: #f8f9fa;  
    text-align: center;  
    padding: 50px;  
}  
  
.container {  
    background-color: #ffffff;  
    border-radius: 10px;  
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);  
    padding: 20px;  
    max-width: 600px;  
    margin: 0 auto;  
}  
  
.joke-section {  
    margin-top: 20px;  
}  
  
.joke-section h2 {  
    color: #ff6b6b;  
    font-size: 24px;  
}  
  
.joke-section p {  
    color: #343a40;  
    font-size: 18px;  
}  
  
.joke-section img {  
    max-width: 100%;  
    height: auto;  
    border-radius: 10px;  
    margin-top: 20px;  
}  
  
.funny-text {  
    color: #17a2b8;  
    font-weight: bold;  
    margin-top: 20px;  
}  
  
.call-to-action {  
    color: #28a745;  
    margin-top: 10px;  
}  
  
.btn {  
    display: inline-block;  
    margin-top: 20px;  
    padding: 10px 20px;  
    background-color: #007bff;  
    color: #ffffff;  
    text-decoration: none;  
    border-radius: 5px;  
    transition: background-color 0.3s ease;  
}  
  
.btn:hover {  
    background-color: #0056b3;  
}