|
@@ -85,6 +85,38 @@ svg:not(:root) {
|
|
|
max-width: 265px;
|
|
|
}
|
|
|
|
|
|
+@-webkit-keyframes pos {
|
|
|
+ 0%, 100% {
|
|
|
+ -webkit-transform: rotate(-6deg);
|
|
|
+ transform: rotate(-6deg);
|
|
|
+ }
|
|
|
+ 50% {
|
|
|
+ -webkit-transform: rotate(6deg);
|
|
|
+ transform: rotate(6deg);
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+@keyframes pos {
|
|
|
+ 0%, 100% {
|
|
|
+ -webkit-transform: rotate(-6deg);
|
|
|
+ transform: rotate(-6deg);
|
|
|
+ }
|
|
|
+ 50% {
|
|
|
+ -webkit-transform: rotate(6deg);
|
|
|
+ transform: rotate(6deg);
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.egg {
|
|
|
+ fill: #43b1b0;
|
|
|
+ -webkit-animation: pos 3s ease infinite;
|
|
|
+ animation: pos 3s ease infinite;
|
|
|
+ -webkit-transform: translateY(50px);
|
|
|
+ transform: translateY(50px);
|
|
|
+ -webkit-transform-origin: 50% 80%;
|
|
|
+ transform-origin: 50% 80%;
|
|
|
+}
|
|
|
+
|
|
|
.main-text {
|
|
|
max-width: 400px;
|
|
|
margin: 5px auto;
|