body {
      margin: 0;
      font-family: Arial, sans-serif;
      background-color: #7b7b7b;  /* dodaje se blaga siva boja zbog koje dolazi do izrazenosti svega ostalog na stranici, wink*/
    }
    /* Background sa providnošću i blur efektom, UMESTO OVOG BACKGROUDNA STAVITI ONAJ SA HOME PAGE!!! */
    body::before {
      content: "";
      position: fixed;
      top: 0; left: 0; right: 0; bottom: 0;
      background-image: url("CubBack.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      opacity: 0.5;
      z-index: -1;  
      filter: blur(5px);
    }
    /* HEADER */
    .fixed-bar {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: #002443;
        color: white;
        z-index: 1000;
        transition: all 0.3s ease;

    }

    .fixed-bar.shrink {
        padding: 0px 0;
        /* smaller height when scrolled */
    }

    .content {
        margin-top: 120px;

    }

    #logo {
        text-align: left;
    }

    #header img {
        height: 100px;
        transition: height 0.3s ease;
    }

    .fixed-bar.shrink #header img {
        height: 60px;
        /* logo shrinks too */
    }

    #header {
        width: 100%;
        text-align: center;
        border-collapse: collapse;

        a {

            color: white;
            text-decoration: none;
        }

        td:hover {
            background-color: #011a31;
        }

    }
    #logo {
      text-align: left;
    }
    /* Da sadržaj ne ide ispod headera */
    .content {
      margin-top: 120px;
      margin-bottom: 80px; /* da footer ne preklopi sadržaj */
    }
    /* FOOTER */
     #footer {
        background-color: #002443;
        position: static;
        bottom: 0;
        text-align: center;
        width: 100%;
        color: white;

    }

    .dropdown {
        position: relative;
    }

    .dropdown-content {
        display: none;
        position: absolute;
        width: 100%;
        text-align: center;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        background-color: #002443;

        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25);
        z-index: 1001;
        text-align: left;
    }

    .dropdown-content a {
        display: block;
        padding: 10px 14px;
        color: white;
        text-decoration: none;
    }

    .dropdown-content a:hover {
        background-color: #011a31;
    }

    /* only hover is enough */
    .dropdown:hover .dropdown-content {
        display: block;
    }
    /* povecavanje SLIKE on hover*/
    .zoom {
      transition: transform 0.3s ease, filter 0.3s ease;
      cursor: pointer;
    }
    .zoom:hover {
      transform: scale(1.1);
      filter: brightness(1.1); 
    }
    /* Card style za tekst, opis destinacije */
    .card {
      width: 85%;
      font-size: 20px;
      padding: 20px;
      margin-left: 80px;
      border-radius: 12px;
      color: white;
      background: rgba(0,0,0,0.55); /* providna crna */
      backdrop-filter: blur(6px);    /* blur iza */
      box-shadow: 0 4px 12px rgba(0,0,0,0.4);
      transition: box-shadow 0.3s ease-in-out, border-color 0.3s ease-in-out;
    }
    .card:hover {
      box-shadow: 0 0 50px rgba(255, 255, 255, 1); /* glow effect */
      border-color: rgba(255, 255, 255, 1);
    }
    .card h2 {
      margin-top: 0;
      font-size: 28px;
    }