You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
57 lines
707 B
57 lines
707 B
.graphic {
|
|
position: relative;
|
|
display: grid;
|
|
padding-top: 3rem;
|
|
grid-template-columns: 1fr 75%;
|
|
|
|
}
|
|
|
|
.graphic-man {
|
|
width: 100%;
|
|
grid-column-start: 2;
|
|
}
|
|
|
|
|
|
.absolute {
|
|
position: absolute;
|
|
}
|
|
|
|
.graphic-circles{
|
|
height: 100%;
|
|
aspect-ratio: 1 / 1;
|
|
}
|
|
|
|
.graphic-circles img {
|
|
width: 100%;
|
|
height: 100%;
|
|
mix-blend-mode: screen;
|
|
}
|
|
|
|
.graphic-energy{
|
|
animation: turn1 10s linear infinite;
|
|
|
|
}
|
|
|
|
.graphic-circle-2{
|
|
animation: turn1 26s linear infinite;
|
|
}
|
|
|
|
.graphic-circle-1{
|
|
animation: turn2 16s linear infinite;
|
|
}
|
|
|
|
|
|
@keyframes turn1 {
|
|
to {
|
|
transform: rotate(1turn);
|
|
}
|
|
|
|
}
|
|
|
|
@keyframes turn2 {
|
|
to {
|
|
transform: rotate(-1turn);
|
|
}
|
|
|
|
}
|