sharix-open-landing/css/style_main_page.css

/*Main page*/
#main-page {
    height: inherit;
    width: inherit;
}
.main-page-head-text {
    color: var(--main-color);
    font-weight: 700;
    font-size: var(--title);
    max-width: 1019px;
    margin: auto;
    text-align: center;
}
.main-page-image-div {
    background-color: var(--main-white);
    max-width: 1100px;
    padding: 15px;
    max-height: 560px;
    margin: auto;
    border-radius: 15px;
    margin-top: 40px;
    margin-bottom: 100px;
    box-shadow: 4px 5px 40px var(--main-gray);
}
.main-page-image-map {
    height: 100%;
    width: 100%;
    content: url("../images/sharix_open_main.png");
}
.main-page-text-h1 {
    font-weight: 700;
    font-size: var(--h1);
    color: var(--main-black);
    margin-left: 15px;
    margin-bottom: 40px;
}

.main-page-text-h2 {
    font-weight: 700;
    font-size: var(--h2);
    color: var(--main-black);
    margin-left: 15px;
    margin-bottom: 20px;
}

.main-page-block-text-blue {
    font-weight: 400;
    font-size: var(--normal);
    color: var(--main-white);
    padding: 30px;
    margin-left: 15px;
    margin-bottom: 40px;
    background: var(--main-color);
    box-shadow: 4px 5px 40px var(--main-gray);
    border-radius: 15px;
}

.main-page-block-text-white {
    font-weight: 400;
    font-size: var(--normal);
    color: var(--main-black);
    padding: 30px;
    margin-left: 15px;
    margin-bottom: 40px;
    border: 2px solid var(--main-color);
    background: var(--main-white);
    box-shadow: 4px 5px 40px var(--main-gray);
    border-radius: 15px;
}
/*MAIN LIST STYLE*/
.main-page-ul ul li{
    margin-left: 30px;
    font-size: var(--h2);
    line-height: 40px;
    color: var(--main-black);
    margin-bottom: 30px;
    list-style: none;
}
/*POINT MARKER LIST*/
.main-page-ul ul li::before{
    content: "\2022"; 
    font-weight: 900;
    display: inline-block;
    color: var(--main-color);
    font-size: 30px;
    width: 1em;
}