body {
    font-family: 'Arial', Courier, monospace;
    background-color: #fff; /* białe tło dla czytelności */
    color: #4e4e4e; /* ciemnoszary tekst dla kontrastu */
}

p{
    font-size: 13px;
}
li{
    font-size: 13px;
    color:steelblue;
}
.container {
    border: 1px solid #005eb8; /* niebieska obramówka */
    background-color: #fff; /* białe tło dla treści */
    padding: 20px;
}

.header, .footer {
    background-color: #005eb8; /* niebieskie tło */
    color: #fff; /* biały tekst */
    padding: 10px;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}

.nav-link {
    background-color: #fff; /* białe tło dla linków */
    color: #005eb8; /* niebieski tekst */
    margin: 5px 0;
    padding: 10px;
    display: block;
    font-weight: bold;
    border: 1px solid #005eb8; /* niebieska obramówka */
}

.nav-link:hover {
    background-color: #ef3340; /* czerwone tło przy najechaniu */
    color: #fff; /* biały tekst przy najechaniu */
}

.header-img {
    width: 100%;
    height: 300px; /* Dostosuj według potrzeb */
    background: url('embassy-uk-vn.webp') no-repeat center center;
    background-size: cover;
    position: relative;
}
.logo {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 100px; 
}

@keyframes marquee {
    from { left: 100%; }
    to { left: -100%; }
}
.marquee {
    position: absolute;
    bottom: 10px;
    white-space: nowrap;
    overflow: hidden;
    background: rgba(228, 5, 5, 0.5);
    color: rgb(255, 238, 0);
    text-shadow: 1px 1px 1px #666;
    padding: 5px;
}
.marquee p {
    position: relative;
    display: inline-block;
    animation: marquee 10s linear infinite;
}

h1{
    font-weight: 600;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
}

.submenu {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.nav-item:hover .submenu {
    display: block;
}
h2{
    font-size: 30px;
}
h3{
    font-size: 20px;
}