/* * {
    margin: 0;
    padding: 0;
}

body {
    background-image: url(../images/IMG_20240509_192703_1.jpg);
    
    } */

/* Наполнение страницы menu */


/* .card {
        margin: 1em;
        padding: 2em;
        }
        
        .card img {
            width: 100%;
            } */

.main {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(1);

}

.lef {
    grid-column: 1/3;
}

.conteyner {
    grid-column: 3/11;
}

.rig {
    grid-column: 11/13;
}

.lef ul,
.rig p {
    margin: 0.5em;
    padding: 0;
    padding-left: 0.5em;
    margin-top: 3.7em;
    /* border-style: solid; */
    /* border-radius: 5px;
    border-width: 0.5px;
    border-color: rgb(147, 177, 167); */
    background: rgba(34, 158, 127, 0);
    color: rgb(249, 252, 252);
    font-size: 0.8em;

}
.lef>ul {
    min-height: 800px;
    
}

.lef>ul>a {
    padding-inline: 1em;
    list-style: none;
    color: rgb(249, 252, 252);
    text-decoration: none;
}

.lef>ul>h3 {
    font-size: 1.3em;
    font-weight: 700;
    padding-top: 1em;


}

.lef>ul>a>li {
    padding-bottom: 10px;

}
.li_inf {
    font-size: 0.8em;

}

.rig p {

    text-align: center;
    padding: 1em;
    font-size: 0.8em;
}

.rig>p>img {
    width: 20px;
}

.rig img {
    margin: 0.5em;
}

.rig>p>a {
     /* color: rgb(249, 252, 252); */
    text-decoration: none;
    font-size: 2em;
    color: #fff;
  text-shadow:
    0 0 7px #fff,
    0 0 10px #fff,
    0 0 21px #fff,
    0 0 42px #0fa,
    0 0 82px #0fa,
    0 0 92px #0fa,
    0 0 102px #0fa,
    0 0 151px #0fa;
}


@media (max-width: 900px) {
    .main {


        grid-template-rows: repeat(3);
        margin-left: 0;
    }

    .lef {
        grid-column: 1/13;
        grid-row: 3/4;
    }

    .conteyner {
        grid-column: 1/13;
        grid-row: 2/3;
    }

    .rig {
        grid-column: 1/13;
        grid-row: 1/2;

    }
    /* .card-text {
bottom: 0;
right: 0;
    } */
}