body {
    font-family: Arial, sans-serif;
    margin-top: 56px;
    color: #333; /* Refined text color for better readability */
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Georgia', serif; /* Contrasting font for headings */
}

/* Color Scheme Enhancements */
:root {
    --primary-color: #0056b3; /* New primary color */
    --secondary-color: #6c757d; /* New secondary color */
}

.home-section {
    padding: 100px 0;
    text-align: center;
}

.about-section,
.portfolio-section,
.blog-section,
.contact-section {
    padding: 50px 0;
}

/* Hover Effects */
a:hover, button:hover, .link_404:hover {
    color: var(--primary-color);
    text-decoration: underline; /* Subtle hover effect for links and buttons */
}

/* Layout and Spacing */
.container {
    padding: 20px;
}

/* Call to Action Enhancements */
.btn-cta, .link_404 {
    background-color: var(--primary-color);
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.btn-cta:hover, .link_404:hover {
    background-color: darken(var(--primary-color), 10%);
}

.footer {
    padding: 30px 0;
    text-align: center;
    color: white;
    background-color: black;
}

/* 404 page */
.page_404 {
  padding: 40px 0;
  background: #fff;
  font-family: "Arvo", serif;
}

.page_404 img {
  width: 100%;
}

.four_zero_four_bg {
  background-image: url(https://cdn.dribbble.com/users/285475/screenshots/2083086/dribbble_1.gif);
  height: 400px;
  background-position: center;
}

.four_zero_four_bg h1 {
  font-size: 80px;
}

.four_zero_four_bg h3 {
  font-size: 80px;
}

.contant_box_404 {
  margin-top: -50px;
}