Better centering, general cleanup
This commit is contained in:
parent
a5bdcb9f82
commit
46d9b38325
|
@ -7,22 +7,17 @@
|
||||||
#logo {
|
#logo {
|
||||||
height: 70px;
|
height: 70px;
|
||||||
width: 70px;
|
width: 70px;
|
||||||
margin-top: -35px;
|
|
||||||
margin-left: -35px;
|
|
||||||
}
|
}
|
||||||
#light {
|
#light {
|
||||||
background: red;
|
background: red;
|
||||||
box-shadow: 0 0 80px red, 0 0 30px FireBrick, 0 0 6px DarkRed;
|
box-shadow: 0 0 80px red, 0 0 30px FireBrick, 0 0 6px DarkRed;
|
||||||
|
border-radius: 50%;
|
||||||
height: 80px;
|
height: 80px;
|
||||||
width: 80px;
|
width: 80px;
|
||||||
margin-top: -40px;
|
|
||||||
margin-left: -40px;
|
|
||||||
}
|
}
|
||||||
.swing {
|
.swing {
|
||||||
border-radius: 50%;
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
left: 20%;
|
|
||||||
animation: swing 4s ease-in-out infinite, spin 2s linear infinite;
|
animation: swing 4s ease-in-out infinite, spin 2s linear infinite;
|
||||||
}
|
}
|
||||||
@keyframes swing {
|
@keyframes swing {
|
||||||
|
@ -38,10 +33,10 @@
|
||||||
}
|
}
|
||||||
@keyframes spin {
|
@keyframes spin {
|
||||||
0% {
|
0% {
|
||||||
transform: rotate(0deg);
|
transform: translate(-50%, -50%) rotate(0deg);
|
||||||
}
|
}
|
||||||
100% {
|
100% {
|
||||||
transform: rotate(360deg);
|
transform: translate(-50%, -50%) rotate(360deg);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
Loading…
Reference in a new issue