article {
    max-width: 800px;
    margin: auto;
}

body {
    background: #1b1b1b ;
    color: #fff ;
    margin-bottom: 200px ;
}

body {
    font-family: "GeorgiaPro", "Times New Roman", "Noto Serif", serif;
}

h2 { color: #5eaa4d ; }

.date { color: lightgreen; }

a { color: #6fcc5a; }

.redtext {
    color: red !important;
}

@font-face {
  font-family: "GeorgiaPro";
  src: url("/fonts/georgiapro/GeorgiaPro-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "GeorgiaPro";
  src: url("/fonts/georgiapro/GeorgiaPro-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "GeorgiaPro";
  src: url("/fonts/georgiapro/GeorgiaPro-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "GeorgiaPro";
  src: url("/fonts/georgiapro/GeorgiaPro-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: "GeorgiaPro";
  src: url("/fonts/georgiapro/GeorgiaPro-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "GeorgiaPro";
  src: url("/fonts/georgiapro/GeorgiaPro-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "GeorgiaPro";
  src: url("/fonts/georgiapro/GeorgiaPro-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "GeorgiaPro";
  src: url("/fonts/georgiapro/GeorgiaPro-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: "GeorgiaPro";
  src: url("/fonts/georgiapro/GeorgiaPro-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "GeorgiaPro";
  src: url("/fonts/georgiapro/GeorgiaPro-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}

@font-face {
    font-family: mono;
    src: url('/fonts/monomakh.otf') format('opentype');
}

.starobg {
    font-family: mono, sans-serif;
}

@font-face {
    font-family: mod;
    src: url('../fonts/bulgaria-moderna.otf') format('opentype');
}

.mod {
    font-family: mod, sans-serif;
}

@font-face {
    font-family: miro;
    src: url('/fonts/miroslav.otf') format('opentype');
}

.miro {
    font-family: miro, mono, sans-serif;
}

.glav {
    text-align: center;
    /* Min of  (2.5 * default) and (9% of screen), so it's not too big on phones */
    font-size: min(2.5em, 9vw);
    font-family: glav, mod, sans-serif;
}

@font-face {
    font-family: glav;
    src: url('../fonts/oglavie.otf') format('opentype');
}

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

.rose {
    font-family: rose, sans-serif;
}

/* Основни стилове */
* {
    box-sizing: border-box;
}

img {
    max-width: 100%;
    /* Preserve aspect ration on size changes*/
    height: auto;
}

/* Контейнер за центриране на съдържанието */
.container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

}

/* Адаптивни стилове за мобилни устройства */
@media screen and (max-width: 768px) {
    img {
        margin-top: 5px;
    }

    p {
        margin-bottom: 5px;
    }
}

.container img {
    max-width: 500px;
    width: 100%;
    height: auto;
}