body {
    font-family: "Segoe UI", Roboto, Arial, sans-serif;
    background-image: url('SZUKSEGES-FILEOK/Logok/mainOldal.jpg');
    background-size: cover;
    background-repeat: repeat;
    background-position: center;
  }
  
  
  header,
  footer {
    background-color: #003366;
    color: white;
    padding: 2rem;
    text-align: center;
  }
  a {
    color: #441199;
  }
  a:visited {
    color: purple; 
    text-decoration: underline; 
  }
  
  .section {
    background-color: #b3cde0;
    margin: 1rem;
    padding: 2rem;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
  }
  
  .form-control {
    max-width: 300px;
  }
  
  .contrast-toggle {
    position: absolute;
    top: 1rem;
    left: 1rem;
    z-index: 9999;
  }
  
  .gallery-title {
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 2rem;
  }
  
  .gallery img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    cursor: pointer;
    transition: transform 0.3s ease;
  }
  
  .gallery img:hover {
    transform: scale(1.05);
  }
  
  .modal-dialog {
    max-width: 80%;
  }
  
  .modal-content img {
    width: 100%;
    height: auto;
  }
  
  .nav-link-custom {
    color: #002147 !important;
  }
  
  .footer-link {
    color: #b3cde0;
  }
  
  body.high-contrast .section {
    background-color: #222 !important;
    color: yellow !important;
  }
  
  body.high-contrast header,
  body.high-contrast footer {
    background-color: black !important;
    color: yellow !important;
  }
  
  body.high-contrast a{
    color: #00ffff !important;
  }

  .nav-link-custom {
    color: #002147 !important;
  }
  body.high-contrast .nav-link-custom {
    color: #001f4d !important;
  }
  
  body.high-contrast .form-control,
  body.high-contrast .form-select {
    background-color: #000;
    color: yellow;
    border: 1px solid yellow;
  }
  
  body.high-contrast .table th,
  body.high-contrast .table td {
    background-color: black;
    color: yellow;
    border-color: yellow;
  }