body{
background-color: rgb(234,234,236); margin:0; padding: 0; width:100%; height:100%;
}
.backgroundImge{
position: absolute; top: -340px; left: -540px; z-index: -3;
}
.mainContaner{
width:0; height:0; position:fixed; left:50%; rigth:50%; top:50%; bottom:50%;
}
.backgroundsContaner{
width:0; height:0; position:fixed; left:50%; rigth:50%; top:50%; bottom:50%; z-index: -3;
} .circle{
border-radius: 50%; background-color: rgba(255, 255, 255, 0.812); opacity: 0.82; box-shadow: 0px 0px 27px 3px rgba(0, 0, 0, 0.15); text-align: center; width: 400px; height: 400px; z-index: 38; position: absolute; top: -200px; left: -200px;
}
.navBar {
background-color: rgb(98, 98, 98); width: 100%; height: 54px; z-index: 40; position: absolute;
}
.mainCircleImage{
width: 330px; height: 330px;
}
.topLeftBig{
border-radius: 50%; background-color: rgba(255, 255, 255, 0.588); opacity: 0.749; box-shadow: 0px 0px 18px 2px rgba(0, 0, 0, 0.1); position: absolute; left: -500px; top: -250px; width: 159px; height: 159px; z-index: 59;
}
.line1{
position: absolute; left: -524px; top: -220px; width: 159px; height: 159px;
}
.line2{
position: absolute; left: -355px; top: -130px;
}
.topLeftSmall{
border-radius: 50%; background-color: rgba(255, 255, 255, 0.91); opacity: 0.749; box-shadow: 0px 0px 9.5px 0.5px rgba(0, 0, 0, 0.05); position: absolute; left: -600px; top: -250px; width: 74px; height: 74px; z-index: 57;
}
.bottomRight{
border-radius: 50%; background-color: rgb(255, 255, 255); box-shadow: 0px 0px 12.75px 2.25px rgba(0, 0, 0, 0.05); position: absolute; left: 200px; top: 100px; width: 220px; height: 220px; z-index: 60;
}
.leftGene{
position: absolute; bottom: 0px; left: 0px; z-index: -1;
}
.rightGene{
position: absolute; top: 54px; right: 0px; z-index: -1;
}
.titleBar{
float:left; padding-top:5px;
}
.title{
float: left; font-size: 25px; margin: 7px 20px 10px 40px; color: #fff;
} .iconImge{
float: left; margin-left: 40px;
}