/*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; }