35 lines
568 B
CSS
35 lines
568 B
CSS
.sphere-wrapper{
|
|
display: flex;
|
|
|
|
justify-content: center;
|
|
|
|
}
|
|
.sphere-content-warapper{
|
|
position: relative;
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
height: 90%;
|
|
width: 90%;
|
|
}
|
|
|
|
img{
|
|
width: 100%;
|
|
height: auto;
|
|
max-width: 100%;
|
|
}
|
|
|
|
sphere{
|
|
margin: 1.5vw;
|
|
height: 10vw;
|
|
width: 10vw;
|
|
background-color:#707070;
|
|
border-radius: 50%;
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
|
|
sphere:hover{
|
|
background-color: #E8E8E8 ;
|
|
}
|