mirror of
https://github.com/twinpath/voucher-itpln.git
synced 2026-01-26 05:15:38 +07:00
41 lines
931 B
CSS
41 lines
931 B
CSS
/*primary color*/
|
|
.bg-cream {
|
|
background-color: #FFF2E1;
|
|
}
|
|
|
|
/*font*/
|
|
body {
|
|
font-family: 'Poppins', sans-serif;
|
|
}
|
|
|
|
.bg-yellow-500 {
|
|
background-color: #F48C06;
|
|
}
|
|
.text-yellow-500 {
|
|
color: #F48C06;
|
|
}
|
|
.floating {
|
|
animation-name: floating;
|
|
animation-duration: 3s;
|
|
animation-iteration-count: infinite;
|
|
animation-timing-function: ease-in-out;
|
|
}
|
|
@keyframes floating {
|
|
0% { transform: translate(0, 0px); }
|
|
50% { transform: translate(0, 8px); }
|
|
100% { transform: translate(0, -0px); }
|
|
}
|
|
.floating-4 {
|
|
animation-name: floating;
|
|
animation-duration: 4s;
|
|
animation-iteration-count: infinite;
|
|
animation-timing-function: ease-in-out;
|
|
}
|
|
@keyframes floating-4 {
|
|
0% { transform: translate(0, 0px); }
|
|
50% { transform: translate(0, 8px); }
|
|
100% { transform: translate(0, -0px); }
|
|
}
|
|
.text-darken {
|
|
color: #2F327D;
|
|
} |