.note {
  color: grey;
  margin-left: 20%;
  margin-right: 20%;
  text-align: center;
}

/* Kontener paska na górze strony */
.news-bar {
  width: 100%;
  background-color: red;
  color: white;
  overflow: hidden; /* Ukrywa tekst wychodzący poza pasek */
  white-space: nowrap; /* Zapobiega zawijaniu tekstu do nowej linii */
  position: fixed; /* Przykleja pasek do góry strony */
  top: 0;
  left: 0;
  padding: 10px 0;
  z-index: 1000;
}

/* Element z tekstem, który będzie animowany */
.news-text {
  display: inline-block;
  padding-left: 100%; /* Rozpoczyna animację poza prawą krawędzią */
  animation: scroll-left 15s linear infinite; /* Czas trwania i zapętlenie */
}

.news-text span {
  padding-right: 50px; /* Odstęp między powtórzonymi wiadomościami */
}

/* Definicja ruchu od prawej do lewej */
@keyframes scroll-left {
  0% { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}

/* Opcjonalnie: zatrzymanie paska po najechaniu myszką */
.news-bar:hover .news-text {
  animation-duration: 40s;
}

#main {
background-color:orange;
border: 3px solid;
border-color:#0023ff;
color: #000065;
padding: 0px 20px 20px 20px;
width: 60%;
height:auto;
margin-left: 20%;
margin-right: 20%;
}

body {
  background-color:#000065;
  color:gold;
}

#title1 {
  margin-left: 45%;
  margin-right: 45%;
}
  
  
#note1 {
  color: grey;
  margin-left: 45%;
  margin-right: 45%;
} 
  
#imgsectora {
  margin-left: 20%;
  margin-right: 20%;
}

#imgsectorb {
  margin-left: 20%;
  margin-right: 20%;
}