@font-face {
  font-family: 'PirataOne';
  src: url('./fonts/PirataOne.ttf') format('truetype');
}

@font-face {
  font-family: 'Lora';
  src: url('./fonts/Lora-VariableFont_wght.ttf') format('truetype');
}

@font-face {
  font-family: 'ArchitectsDaughter';
  src: url('./fonts/ArchitectsDaughter-Regular.ttf') format('truetype');
}

:root {
  --r-background-color: #0F1F2A;
  --r-main-font: Lora, Source Sans Pro, Helvetica, sans-serif;
  --r-main-font-size: 42px;
  --r-main-color: #fff;
  --r-block-margin: 20px;
  --r-heading-margin: 0 0 20px 0;
  --r-heading-font: PirataOne, Source Sans Pro, Helvetica, sans-serif;
  --r-heading2-font: PirataOne, Source Sans Pro, Helvetica, sans-serif;
  --r-heading-color: #fff;
  --r-heading-line-height: 1.2;
  --r-heading-letter-spacing: normal;
  --r-heading-text-transform: normal;
  --r-heading-text-shadow: none;
  --r-heading-font-weight: normal;
  --r-heading1-text-shadow: none;
  --r-heading1-size: 2.5em;
  --r-heading2-size: 1.6em;
  --r-heading3-size: 1.3em;
  --r-heading4-size: 1em;
  --r-code-font: monospace;
  --r-link-color: #42affa;
  --r-link-color-dark: rgb(19.8216494845, 155.4536082474, 248.7783505155);
  --r-link-color-hover: rgb(94.35, 187, 250.75);
  --r-selection-background-color: rgba(66, 175, 250, 0.75);
  --r-selection-color: #fff;
  --r-overlay-element-bg-color: 240, 240, 240;
  --r-overlay-element-fg-color: 0, 0, 0;
}


.reveal h2 {
  font-family: var(--r-heading2-font);
}


.kolumny_flex {
    display: flex;
}
.col{
    flex: 1;
}


.kolumny_grid {
  display: grid;
  grid-auto-flow: column;
}



img {
    display: inline-block;
    vertical-align: middle;
}
.text {
    display: inline-block;
    vertical-align: middle;
}


.malutki {
  font-size: 0.3em;
}

.maly {
  font-size: 0.5em;
}

.mniejszy {
  font-size: 0.8em;
}

.zloty {
  color: gold;
}

.czerwony {
  color: red;
}

.fioletowy {
  color: #5865F2;
}

.lewy {
  text-align: left;
}

h3 {
  font-family: 'ArchitectsDaughter' !important;
  font-weight: bold !important;
  color: #3790dd !important;
}

.wyroznienie strong {
  color: #D9C59E;
}