LAWYER bot

شركة
الفهرس

.tool{
visibility: hidden;
font-size: 11px;
opacity :0.5;
width: 65px;
height :65px ;
line-height:65px;
background: linear-gradient(63deg, rgb(242, 168, 168) 2.9%, rgb(94, 46, 165) 102.1%);
box-shadow: 1px 1px 6px white , 0 0 3px blue, 0 0 6px white ;
text-shadow: 0px 0px 0.1px white , 0 0 0.1em white , 0 0 0.1em blue;
color: white;
text-align: center;
padding: 0;
border-radius: 50%;
transform :translate(-315%,0%);
position: absolute;

}

.tooltiptext{
visibility: hidden;
font-size: 11px;
opacity :0.5;
width: 65px;
height :65px ;
line-height:65px;
background: linear-gradient(63deg, rgb(242, 168, 168) 2.9%, rgb(94, 46, 165) 102.1%);
box-shadow: 1px 1px 6px white , 0 0 3px blue, 0 0 6px white ;
text-shadow: 0px 0px 0.1px white , 0 0 0.1em white , 0 0 0.1em blue;
color: white;
text-align: center;
padding: 0;
border-radius: 50%;
transform :translate(-60%,0%);
position: absolute;

}

.tooltip{
visibility: hidden;
font-size: 11px;
opacity :0.5;
width: 65px;
height :65px ;
line-height:65px;
background: linear-gradient(63deg, rgb(242, 168, 168) 2.9%, rgb(94, 46, 165) 102.1%);
box-shadow: 1px 1px 6px white , 0 0 3px blue, 0 0 6px white ;
text-shadow: 0px 0px 0.1px white , 0 0 0.1em white , 0 0 0.1em blue;
color: white;
text-align: center;
padding: 0;
border-radius: 50%;
transform :translate(-60%,0%);
position: absolute;

}

.toolti{
visibility: hidden;
font-size: 11px;
opacity :0.5;
width: 65px;
height :65px ;
line-height:65px;
background: linear-gradient(63deg, rgb(242, 168, 168) 2.9%, rgb(94, 46, 165) 102.1%);
box-shadow: 1px 1px 6px white , 0 0 3px blue, 0 0 6px white ;
text-shadow: 0px 0px 0.1px white , 0 0 0.1em white , 0 0 0.1em blue;
color: white;
text-align: center;
padding: 0;
border-radius: 50%;
transform :translate(-60%,0%);
position: absolute;

}

.too{
visibility: hidden;
font-size: 11px;
opacity :0.5;
width: 65px;
height :65px ;
line-height:65px;
background: linear-gradient(63deg, rgb(242, 168, 168) 2.9%, rgb(94, 46, 165) 102.1%);
box-shadow: 1px 1px 6px white , 0 0 3px blue, 0 0 6px white ;
text-shadow: 0px 0px 0.1px white , 0 0 0.1em white , 0 0 0.1em blue;
color: white;
text-align: center;
padding: 0;
border-radius: 50%;
transform :translate(-60%,0%);
position: absolute;
;
}

.to{
visibility: hidden;
font-size: 11px;
opacity :0.5;
width: 65px;
height :65px ;
line-height:65px;
background: linear-gradient(63deg, rgb(242, 168, 168) 2.9%, rgb(94, 46, 165) 102.1%);
box-shadow: 1px 1px 6px white , 0 0 3px blue, 0 0 6px white ;
text-shadow: 0px 0px 0.1px white , 0 0 0.1em white , 0 0 0.1em blue;
color: white;
text-align: center;
padding: 0;
border-radius: 50%;
transform :translate(-60%,0%);
position: absolute;

}

.center:hover .tooltiptext{visibility:visible ;}

.center:hover .tool{visibility:visible;}

.center:hover .tooltip{visibility:visible;}

.center:hover .toolti{visibility:visible;}

.center:hover .too{visibility:visible;}

.center:hover .to{visibility:visible;}

.center{
margin:5px ;
display :block ;
align-item :center ;
position :relative ;
left:2px;
}

.icon{
transform :translate(-170%,0%);
box-shadow:
1px 1px 6px white , 0 0 1px blue, 0 0 6px white ;
width :70px;
height :70px;
background: linear-gradient(to right, rgb(153, 73, 117), rgb(50, 16, 63));
border-radius: 50%;
}

#topnav {
transform :translate(3%,15%);
   width: 55px;
height :55px;
   display: block;
justify-content:space-between;
border-radius: 50%;
   border-right: 6px solid #87cefa;
box-shadow: inset 0 0 3px 0 gray ;
background: black;
align-item:left;
   font-family: Arial, sans-serif;
   font-size: 10px;
padding-top :0px ;
line-height: 25px;
}

.yy {
text-shadow: -3px 0px 25px rgba(131, 71, 130, 0.88);
   width: 70px;
   height: 70px;
   font-weight: bold;
   color:gray   ;
transform :translate(8%,0%);
   text-align: center ;
   font-size: 10px;

text-decoration: none;
}