#land-wrapper {
width: 100%;
padding: 42px;
background-image: url(/pozemky/assets/pozemky/assets/prexp_potocne_1.jpg);
}
.street-name, .area-text {
font-size: 7px; }
.area-element {
fill: #FE5F5F;
stroke-width: 0.1px;
stroke: black;
}
.grass {
fill: green;
}
.road {
fill: #c1c1c1;
}
.pavement {
fill: #545454;
}
.st1 {
fill: none;
stroke: #EFBDD2;
stroke-width: 3.5;
}
.st2 {
fill: none;
stroke: #D1EABB;
stroke-width: 3.5;
}
.st3 {
fill: #F6F9CD;
}
.area-element {
fill: white;
stroke: #0F0F0F;
stroke-width: 0.3;
}
.area-text {
font-size: 7px !important;
fill: black
}
.place .area-element, #land-info {
transition: 0.3s;
}            .place:hover .area-text {
fill: white;
}
#land-info {
z-index: 9999999 !important;
background: #bbd976;
position: fixed;
bottom: 16px;
right: 16px;
padding: 12px 24px;
border-radius: 8px;
min-width: 230px;
font-family: Arial, Helvetica, sans-serif;
}
#land-info > hr {
margin-bottom: 8px;
}
#land-info > p {
margin-top: 0;
margin-bottom: 8px;
color: #393e45;
text-align: center;
font-size: 22px;
font-weight: bold;
}
#land-info > div {
display: flex;
justify-content: space-between;
margin-bottom: 8px;
}
#land-info > div > span {
color: #393e45;
font-size: 18px;
}
#land-info > div > span:first-child {
font-weight: bold;
}
.place.free .area-element {
cursor: pointer;
fill: #3DE16E;
}
.place.sold .area-element {
cursor: pointer;
fill: #FE5F5F;
}
.place.reserved .area-element {
cursor: pointer;
fill: #FEAF5F;
}