body{
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
}

/*МЕНЮ*/

/*КАРТА*/

/*

1) Школа программирования (агрегатор учеников и учителей)

2) Консультации онлайн учениками простых людей (агрегатор учеников, учителей и клиентов)

3) Выполнение заказов по программированию

4) Поиск соинвесторов для проектов фулл-программистов.

Каким будет меню:

1. Школа программирования

Найти учителя

Учителям

Информация

Транзакции

назад

2. Заработок на консультациях

Консультировать платно

Консультироваться платно

назад

3. Заказы

Найти исполнителя

Исполнителям

назад

4. Личные проекты

Внести свой проект на бумстартер

назад

Выход

*/

#container-map{
    /*display: flex;*/
    /*width: 100%;*/
    /*height: 350px;*/
    /*justify-content: center;*/
    /*z-index: 1002;*/
    /*top: 55px;*/
    /*position: relative;*/
}

/*#map{*/
/*    position: absolute;*/
/*    z-index: 0;*/
/*    width: 200px;*/
/*    height: 200px;*/
/*}*/

#map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ol-layer canvas {
    image-rendering: optimizeSpeed; // Повышение производительности
    image-rendering: -moz-crisp-edges; // Стандартное отображение для Mozilla
    image-rendering: -o-crisp-edges; // Стандартное отображение для Opera
    image-rendering: -webkit-optimize-contrast; // Оптимизация контрастности для Webkit
    image-rendering: pixelated; // Размытие изображения
    -ms-interpolation-mode: nearest-neighbor; // Оптимизация для IE
    preserveAspectRatio: none; // Изображение не подстраивается под контейнер
}

/* Настраиваемые стили СТАРТ */

.menu{
    z-index: 1;
    position: absolute;
    top: 10px;
    font-size: 30px;
    padding: 5px 19px 3px 19px;
    border-radius: 38px;
    background: #0b0c5d5c;
    color: white;
    cursor: pointer;
    border: 1px white solid;
}

/* Настраиваемые стили ЭНД */


.dropdown-menu {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-menu.show {
    display: block;
}

.dropdown-item {
    padding: 12px 16px;
    cursor: pointer;
}

.dropdown-item:hover {
    background-color: #f1f1f1;
}

.search{
    position: absolute;
    z-index: 1;
    cursor: pointer;
    padding: 10px;
    background: white;
    width: auto;
    top: 13px;
    left: 83px;
}