|
|
|
|
@ -22,7 +22,6 @@ body {
@@ -22,7 +22,6 @@ body {
|
|
|
|
|
font-style: normal; |
|
|
|
|
color: #fff; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.css-itvw0n { |
|
|
|
|
font-size: 24px !important; |
|
|
|
|
} |
|
|
|
|
@ -44,9 +43,10 @@ body {
@@ -44,9 +43,10 @@ body {
|
|
|
|
|
display: none; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.chakra-input, .chakra-textarea { |
|
|
|
|
.chakra-input, |
|
|
|
|
.chakra-textarea { |
|
|
|
|
background: #fff; |
|
|
|
|
color:#000 |
|
|
|
|
color: #000; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.css-xdp1c1 { |
|
|
|
|
@ -54,7 +54,7 @@ body {
@@ -54,7 +54,7 @@ body {
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.chakra-button { |
|
|
|
|
color:#000 |
|
|
|
|
color: #000; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
@ -66,7 +66,7 @@ body {
@@ -66,7 +66,7 @@ body {
|
|
|
|
|
font-size: 72px; |
|
|
|
|
margin: 0 auto; |
|
|
|
|
display: block; |
|
|
|
|
width: 800px; |
|
|
|
|
width: 735px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
@mixin foodColoring($color) { |
|
|
|
|
@ -125,9 +125,15 @@ body {
@@ -125,9 +125,15 @@ body {
|
|
|
|
|
@include foodColoring(#553c13); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.layer-top { top: 0px; } |
|
|
|
|
.layer-middle { top: 33px; } |
|
|
|
|
.layer-bottom { top: 66px; } |
|
|
|
|
.layer-top { |
|
|
|
|
top: 0px; |
|
|
|
|
} |
|
|
|
|
.layer-middle { |
|
|
|
|
top: 33px; |
|
|
|
|
} |
|
|
|
|
.layer-bottom { |
|
|
|
|
top: 66px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.icing { |
|
|
|
|
top: 2px; |
|
|
|
|
@ -185,7 +191,7 @@ body {
@@ -185,7 +191,7 @@ body {
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.candle { |
|
|
|
|
background-color: #7B020B; |
|
|
|
|
background-color: #7b020b; |
|
|
|
|
width: 16px; |
|
|
|
|
height: 50px; |
|
|
|
|
border-radius: 8px / 4px; |
|
|
|
|
@ -201,7 +207,7 @@ body {
@@ -201,7 +207,7 @@ body {
|
|
|
|
|
width: 16px; |
|
|
|
|
height: 8px; |
|
|
|
|
border-radius: 50%; |
|
|
|
|
background-color: lighten(#7B020B, 10%); |
|
|
|
|
background-color: lighten(#7b020b, 10%); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
@ -231,35 +237,40 @@ body {
@@ -231,35 +237,40 @@ body {
|
|
|
|
|
0 0 10px rgba(orange, 0.2), |
|
|
|
|
0 0 20px rgba(orange, 0.2), |
|
|
|
|
0 0 60px rgba(orange, 0.2), |
|
|
|
|
0 0 80px rgba(orange, 0.2) } |
|
|
|
|
0 0 80px rgba(orange, 0.2); |
|
|
|
|
} |
|
|
|
|
25% { |
|
|
|
|
transform: skewX(-5deg); |
|
|
|
|
box-shadow: |
|
|
|
|
0 0 10px rgba(orange, 0.5), |
|
|
|
|
0 0 20px rgba(orange, 0.5), |
|
|
|
|
0 0 60px rgba(orange, 0.5), |
|
|
|
|
0 0 80px rgba(orange, 0.5) } |
|
|
|
|
0 0 80px rgba(orange, 0.5); |
|
|
|
|
} |
|
|
|
|
50% { |
|
|
|
|
transform: skewX(10deg); |
|
|
|
|
box-shadow: |
|
|
|
|
0 0 10px rgba(orange, 0.3), |
|
|
|
|
0 0 20px rgba(orange, 0.3), |
|
|
|
|
0 0 60px rgba(orange, 0.3), |
|
|
|
|
0 0 80px rgba(orange, 0.3) } |
|
|
|
|
0 0 80px rgba(orange, 0.3); |
|
|
|
|
} |
|
|
|
|
75% { |
|
|
|
|
transform: skewX(-10deg); |
|
|
|
|
box-shadow: |
|
|
|
|
0 0 10px rgba(orange, 0.4), |
|
|
|
|
0 0 20px rgba(orange, 0.4), |
|
|
|
|
0 0 60px rgba(orange, 0.4), |
|
|
|
|
0 0 80px rgba(orange, 0.4) } |
|
|
|
|
0 0 80px rgba(orange, 0.4); |
|
|
|
|
} |
|
|
|
|
100% { |
|
|
|
|
transform: skewX(5deg); |
|
|
|
|
box-shadow: |
|
|
|
|
0 0 10px rgba(orange, 0.5), |
|
|
|
|
0 0 20px rgba(orange, 0.5), |
|
|
|
|
0 0 60px rgba(orange, 0.5), |
|
|
|
|
0 0 80px rgba(orange, 0.5) } |
|
|
|
|
0 0 80px rgba(orange, 0.5); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
#balloon-container { |
|
|
|
|
@ -293,7 +304,7 @@ body {
@@ -293,7 +304,7 @@ body {
|
|
|
|
|
height: 75px; |
|
|
|
|
width: 1px; |
|
|
|
|
padding: 1px; |
|
|
|
|
background-color: #FDFD96; |
|
|
|
|
background-color: #fdfd96; |
|
|
|
|
display: block; |
|
|
|
|
position: absolute; |
|
|
|
|
top: 125px; |
|
|
|
|
@ -315,8 +326,12 @@ body {
@@ -315,8 +326,12 @@ body {
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
@keyframes float { |
|
|
|
|
from {transform: translateY(100vh); |
|
|
|
|
opacity: 1;} |
|
|
|
|
to {transform: translateY(-300vh); |
|
|
|
|
opacity: 0;} |
|
|
|
|
from { |
|
|
|
|
transform: translateY(100vh); |
|
|
|
|
opacity: 1; |
|
|
|
|
} |
|
|
|
|
to { |
|
|
|
|
transform: translateY(-300vh); |
|
|
|
|
opacity: 0; |
|
|
|
|
} |
|
|
|
|
} |
