body {
    font-family: 'Arial', sans-serif;
}

.container {
    margin-top: 50px;
}
/*
h1 {
    color: #333;
}
*/
.navbar {
    margin-bottom: 40px;
}

img-fluid {
    border: 2px solid #333; /* Example border */
    margin-top: 20px; /* Space above the image */
}

/* New style for larger screens */
@media (min-width: 992px) { /* Adjust the breakpoint as needed */
  .img-fluid {
      width: 50%; /* Set to the desired max width on large screens */
      height: auto;
      margin: auto; /* This centers the image */
        display: block;
  }
}

/* Additional styling as needed */

/* dark theme */

/* Light mode styles */
body {
    background-color: #F5F5F5;
    color: #333333;
  }
  a {
    color: #E67E22;
  }
  
  /* Dark mode styles */
  @media (prefers-color-scheme: dark) {
    body {
      background-color: #181818;
      color: #FFFFFF;
    }
    a {
      color: #F39C12;
    }
  
  }