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

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

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

h2 { color: #2E9CFF ; }

.date { color: lightblue; }

a { color: #2E9CFF; }

@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: miro;
    src: url('/fonts/miroslav.otf') format('opentype');
}

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

@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: min(100%, 400px);
    height: auto;
    object-fit: contain;
}

/* Контейнер за центриране на съдържанието */
.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;
    }
}