/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

@font-face {
  font-family: "Open Sans";
  src: url("/OpenSans-Regular.ttf") format("truetype");
}

body {
  background-color: black;
  background-image: url("tlo.jpg");
  color: #FA6800;
  font-family: Open Sans;
  margin: 0;
  padding: 20px;
}

.main-container {
  max-width: 900px;
  margin: 0 auto;
  background-color: white;
  padding: 40px; /* Odstęp treści od brzegów białego pola */
        
  /* Magia centrowania: */
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* Styl dla obrazków, żeby nie były szersze niż kontener */
img {
  max-width: 100%;
  height: auto;
  margin-bottom: 20px;
}

/* Żeby lista nie była wyśrodkowana dziwnie (punktory zostaną w linii) */
  ul {
  text-align: left;
  display: inline-block;}

h1 {
    color: black;
    background-color: #FA6800;
}

p {
  background-color: black;
}