Кутін В.О.. Розробка системи управління базою даних
Скачать 1.46 Mb.
|
} .first__btn.first__btn-2.padding-green-none { padding: 16px 31px; } .slider-txt { position: absolute; z-index: 5; font-size: 30px; line-height: 35px; /* identical to box height, or 117% */ text-align: center; letter-spacing: 0.05em; color: #ffffff; bottom: 23px; } .swiper { width: 1333px; } .photo-slider { border-radius: 20px; } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: 1177px !important; } .second-title { font-weight: 600; font-size: 45px; line-height: 55px; /* identical to box height, or 122% */ text-align: center; color: #4d9c8c; margin-bottom: 10px; } .second-suptitle { font-size: 22px; line-height: 37px; /* or 168% */ text-align: center; color: #4d9c8c; margin-bottom: 5px; } .second-txt { font-weight: 300; font-size: 18px; line-height: 23px; /* identical to box height, or 128% */ color: #000000; margin-bottom: 52px; } .second-link { font-weight: 300; font-size: 16px; line-height: 16px; /* identical to box height, or 100% */ color: #e87383; text-decoration: underline; } .second__right-item { max-width: 320px; margin-bottom: 154px; } .second-box { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; padding-bottom: 157px; } .second__right-col1 { border-right: 2px solid rgba(77, 156, 140, 0.3); padding-right: 25px; } .second__right-col2 { margin-left: 25px; } .second__right { display: flex; align-items: center; padding: 0 15px; } .second__left { margin-right: 82px; } .second-img { width: 100%; } .btns-mod { margin-left: 702px; } .active-btn-pink { background: #e87383; box-shadow: 0px 15px 30px rgba(232, 115, 131, 0.25); border-radius: 100px; font-size: 18px; line-height: 22px; /* identical to box height */ text-align: center; color: #ffffff; margin-right: 25px; padding: 20px 43px; margin-bottom: 25px; } .first__btn-2 { font-size: 18px; line-height: 22px; /* identical to box height */ text-align: center; color: #e87383; border: 1px solid #e87383; box-sizing: border-box; border-radius: 100px; padding: 20px 43px; margin-bottom: 25px; } /*third */ .third__item { overflow: hidden; position: relative; width: 436px; min-height: 333px; position: relative; background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.03); box-sizing: border-box; border-radius: 26px; box-shadow: 0px 10px 30px rgba(77, 156, 140, 0.15); } .third__item-2 { overflow: hidden; position: absolute; width: 330px; min-height: 252px; position: relative; background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.03); box-sizing: border-box; border-radius: 26px; left: 263px; top: -84px; box-shadow: 0px 10px 30px rgba(77, 156, 140, 0.15); } .third__item-3 { overflow: hidden; width: 330px; min-height: 252px; position: relative; background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.03); box-sizing: border-box; border-radius: 26px; margin-bottom: 25px; box-shadow: 0px 10px 30px rgba(77, 156, 140, 0.15); } .green-figure { position: absolute; left: 0; bottom: 0; border-radius: 26px; } .third__item-wrapper { margin-bottom: 25px; } .pink-figure { position: absolute; top: 0; right: 0; border-radius: 26px; } .green-figure2 { position: absolute; left: -19px; bottom: -21px; border-radius: 26px; } .pink-figure2 { position: absolute; top: -24px; right: -28px; border-radius: 26px; } .third-ttl { bottom: 15px; margin-bottom: 80px; } .third__title { margin-left: 83px; margin-top: 65px; font-weight: 600; font-size: 73px; line-height: 66px; /* identical to box height, or 90% */ color: #4d9c8c; margin-bottom: 15px; } .third__title-2 { margin-left: 83px; margin-top: 65px; font-weight: 600; font-size: 55px; line-height: 50px; /* or 91% */ letter-spacing: 0.05em; color: #4d9c8c; margin-bottom: 15px; } .third__subtitle { margin-left: 83px; margin-top: 18px; font-weight: 300; font-size: 30px; line-height: 30px; |