body {
    background-color: #fafafa;
    margin: 0px;
    overflow: hidden;
}

#container {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 0;
}

#panel {
    position: absolute;
    background-color: rgb(113, 160, 199);
    z-index: 1;
}

.desktop {
    top: 0px;
    left: 100%;
    width: 50%;
    height: 100%;
}

.mobile {
    top: 100%;
    left: 0px;
    width: 100%;
    height: 100%;
    border-radius: 20px 20px 0px 0px;
}

#close {
    position: absolute;
    top: 0px;
    right: 0px;
    visibility: hidden;
}

.banan_alpha {
    background-image: url('./img/banan_alpha.png')
}

.donut {
    background-image: url('./img/donut.png')
}

.klinzit_n {
    background-image: url('./img/klinzit_n.png')
}

.skincare_img {
    background-image: url('./img/skincare_img-New2.png')
}

.vopros_fur {
    background-image: url('./img/vopros_fur.png')
}