149 lines
2.8 KiB
CSS
149 lines
2.8 KiB
CSS
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;
|
|
}
|
|
}
|