Раздзелы музея

/* lang */

.lang {

position: relative;

z-index: 10;

text-align: center;

background: rgba(157, 157, 157, 0.3);

perspective: 700px;

}

.lang_fixed {

position: fixed;

right: 20px;

top: 20px;

}

.lang__link {

cursor: pointer;

transition: .3s all;

display: flex;

justify-content: center;

align-items: center;

flex-direction: column;

flex-shrink: 0;

box-sizing: border-box;

text-decoration: none;

border-radius: 2px;

padding: 4px;

}

.lang__img {

width: 30px;

height: 18px;

flex-shrink: 0;

font-size: 10px;

display: block;

transition: .3s all;

}

.lang__link_sub:hover {

filter: drop-shadow(0 0 3px rgb(136, 136, 136)) brightness(130%);

}

.lang__name {

color: #737b84;

font-size: 12px;

line-height: 12px;

flex-shrink: 0;

text-transform: uppercase;

}

.lang__link_sub {

width: 100%;

height: auto;

position: relative;

padding: 0;

margin-bottom: 2px;

}

.lang__list {

background: rgba(157, 157, 157, 0.3);

display: flex;

justify-content: center;

align-items: center;

flex-direction: column;

width: 100%;

opacity: 0;

visibility: hidden;

transition: .3s all;

transform: rotateX(-90deg);

position: absolute;

left: 0;

top: 100%;

z-index: 10;

line-height: 13px;

padding: 4px;

transform-origin: center top;

box-sizing: border-box;

}

.lang:hover .lang__list {

opacity: 1;

visibility: visible;

transform: rotateX(0);

}

.lang__link_select {

align-items: flex-start;

text-align: center;

font-size: 0;

}