/* Общий фон */
body {
    margin: 0;
    padding: 0;
    background: #0b0b0d;
    color: #d4c7a9;
    font-family: "Cinzel", "Times New Roman", serif;
    text-align: center;
}

/* Заголовок */
header {
    background: linear-gradient(to right, #1a1a1d, #0b0b0d);
    padding: 20px;
    border-bottom: 3px solid #6a0dad;
    box-shadow: 0 0 15px #6a0dad;
}

header h1 {
    margin: 0;
    font-size: 2.2em;
    color: #d4c7a9;
    text-shadow: 2px 2px 8px black, 0 0 10px #6a0dad;
    letter-spacing: 2px;
}

/* Popup */
.leaflet-popup-content-wrapper {
    background: #1a1a1d;
    color: #d4c7a9;
    border: 2px solid #6a0dad;
    border-radius: 8px;
    font-family: "Cinzel", serif;
}

.leaflet-popup-tip {
    background: #1a1a1d;
    border: 2px solid #6a0dad;
}

/* Footer */
footer {
    background: linear-gradient(to right, #0b0b0d, #1a1a1d);
    padding: 10px;
    font-size: 0.9em;
    border-top: 2px solid #6a0dad;
    color: #d4c7a9;
    text-shadow: 1px 1px 6px black;
}

/* Кастомные маркеры */
.leaflet-marker-icon {
    filter: drop-shadow(0 0 5px #6a0dad);
}

html, body {
    height: 100%;
    margin: 0;
    background: #0b0b0d; /* фон */
    display: flex;
    justify-content: center;  /* по горизонтали */
    align-items: center;      /* по вертикали */
}

/* Карта */
#map {
    width: 80vw;   /* 80% ширины окна */
    height: 80vh;  /* 80% высоты окна */
    border: 3px solid #6a0dad;
    box-shadow: 0 0 25px #6a0dad;
}