body {
    margin: 0;
    padding: 0;
    font-family: ff6;
    background-color: #c1eafc;
}

* { 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box; 
}

.header {
    font-size: 24px;
    color:#313131;
    background-color: #ffffffaa;
    NObackground-image: linear-gradient(to right, #339dfa , #16e6ca);
    height: 80px;
    width: 100%;
    line-height: 80px;
    position: relative;
    padding-left: 30px;
    font-weight:600;
}

.footer {
    background-color: #fffffeaa;
    height: fit-content;
    position: relative;
    left: 0;
    width: 100%;
    font-size: 18px;
    color: #313131;
    padding-top: 15px;
    padding-bottom:15px;
    padding-right:0;
    text-align: center;
    line-height:1.5;
}

.main {
    font-size: 17px;
    color: #313131;
    padding-top: 15px; 
    padding-bottom:15px;
    padding-left: 60px;
    padding-right:100px;
    position:relative;
    width: 100%;
    line-height:1.4;
}

a {
    color:  #313131;
    text-decoration: none;     
    font-size: 18px;
    font-weight: 800;
    margin-top: 0;
    margin-bottom: 0;
}

b {
    color: #313131;
    text-decoration: none;     
    font-size: 18px;
    font-weight: 800;
    margin-top: 0;
    margin-bottom: 0;
} 

.heading_1 {
    font-size: 30px;
    font-weight: 800;
    padding-top:30px;
    padding-bottom:30px;
}

.heading_2 {
    font-size: 20px;
    font-weight: 800;
    padding-top:20px;
    padding-bottom:10px;
}

.heading_3 {
    font-size: 44px;
    font-weight: 800;
    padding-top:30px;
    padding-bottom:30px;
}

.heading_blocks {
    font-size: 20px;
    font-weight: 800;
    padding-bottom:15px;
}

.intro {
    background-image: url(https://ttp3d.cn/img/first-bg.jpg);
    background-size: cover;
    padding-top:110px;
    padding-bottom:90px;
    padding-left:30px;
    padding-right:0px;
}

.main_blocks__item {
    box-shadow: 5px 15px 45px 0 rgba(226, 226, 226, .7);
    background: #fff;
    border-radius: 30px;
    position: relative;
    padding: 10px 30px;
    margin-bottom: 30px;
    max-width: 420px;
    width: 100%;
}

.main_blocks {
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}

.about {
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-gap: 10px;
    padding-bottom:30px;
}

.about-text {
    position:relative;
    padding-right:50px;
}