body{margin:0;background:#FFF6E9}
a{color:#13294B}a:hover{color:#FF5A3C}
@keyframes kn-drift{from{transform:translateX(-8%)}to{transform:translateX(8%)}}
@keyframes kn-tram{0%{transform:translateX(-160px)}100%{transform:translateX(1500px)}}
@keyframes kn-spin{to{transform:rotate(360deg)}}
@keyframes kn-bob{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-6px) rotate(-2deg)}}
@keyframes kn-boat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(4px) rotate(2deg)}}
.kn-cloud{animation:kn-drift 9s ease-in-out infinite alternate}
.kn-tram{animation:kn-tram 16s linear infinite}
.kn-sun{transform-origin:1180px 110px;animation:kn-spin 40s linear infinite}
.kn-boat{transform-origin:330px 430px;animation:kn-boat 3.2s ease-in-out infinite}
.kn-sticker{animation:kn-bob 3.6s ease-in-out infinite}
.kn-card{transition:transform .18s ease, box-shadow .18s ease}
.kn-card:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 #13294B}
.kn-press{transition:transform .12s ease, box-shadow .12s ease}
.kn-press:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #13294B}
.kn-press:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #13294B}
@keyframes kn-bob2{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(3px) rotate(2deg)}}
@keyframes kn-sway{from{transform:rotate(-5deg)}to{transform:rotate(5deg)}}
@keyframes kn-swing{from{transform:rotate(-28deg)}to{transform:rotate(28deg)}}
@keyframes kn-steam{0%{transform:translateY(4px) scale(.6);opacity:0}30%{opacity:1}100%{transform:translateY(-16px) scale(1.25);opacity:0}}
@keyframes kn-wave{from{transform:translateX(0)}to{transform:translateX(-20px)}}
@keyframes kn-bounce{0%{transform:translateY(0)}100%{transform:translateY(-12px)}}
@keyframes kn-tw{0%,100%{fill:#FFF0C2}50%{fill:#FFC53D}}
@keyframes kn-tramx{from{transform:translateX(-240px)}to{transform:translateX(330px)}}
@keyframes kn-flap{from{transform:scaleY(1)}to{transform:scaleY(.35)}}
@keyframes kn-fly{0%{transform:translate(0,0)}50%{transform:translate(-8px,-4px)}100%{transform:translate(0,0)}}
@keyframes kn-spin2{to{transform:rotate(360deg)}}
@keyframes kn-splash{0%{transform:translateY(0);opacity:0}20%{opacity:1}100%{transform:translateY(-18px);opacity:0}}
.ki-bob{transform-box:fill-box;transform-origin:center;animation:kn-bob2 2.4s ease-in-out infinite}
.ki-sway{transform-box:fill-box;transform-origin:50% 100%;animation:kn-sway 2.6s ease-in-out infinite alternate}
.ki-swing{transform-box:fill-box;transform-origin:50% 0%;animation:kn-swing 1.4s ease-in-out infinite alternate}
.ki-steam{transform-box:fill-box;transform-origin:center;animation:kn-steam 2.7s ease-out infinite}
.ki-wave{animation:kn-wave 1.6s linear infinite}
.ki-bounce{animation:kn-bounce .55s cubic-bezier(.3,0,.5,1) infinite alternate}
.ki-tw{animation:kn-tw 1.8s steps(1) infinite}
.ki-tram{animation:kn-tramx 9s linear infinite}
.ki-flap{transform-box:fill-box;transform-origin:center;animation:kn-flap .35s ease-in-out infinite alternate}
.ki-fly{animation:kn-fly 3s ease-in-out infinite}
.ki-spin{transform-box:fill-box;transform-origin:center;animation:kn-spin2 12s linear infinite}
.ki-splash{animation:kn-splash 1.6s ease-out infinite}
.kn-card:hover .ki-bob,.kn-card:hover .ki-sway,.kn-card:hover .ki-swing,.kn-card:hover .ki-tram,.kn-card:hover .ki-bounce,.kn-card:hover .ki-steam{animation-duration:.8s}
@media (prefers-reduced-motion: reduce){.kn-cloud,.kn-tram,.kn-sun,.kn-boat,.kn-sticker,.ki-bob,.ki-sway,.ki-swing,.ki-steam,.ki-wave,.ki-bounce,.ki-tw,.ki-tram,.ki-flap,.ki-fly,.ki-spin,.ki-splash{animation:none}}
@keyframes kn-petal{0%{transform:translate(0,0) rotate(0);opacity:0}10%{opacity:1}100%{transform:translate(-90px,300px) rotate(300deg);opacity:0}}
.ki-fl{display:block;transform-origin:50% 100%;animation:kn-sway 2.8s ease-in-out infinite alternate}
.ki-petal{animation:kn-petal 7s linear infinite}
@media (prefers-reduced-motion: reduce){.ki-fl,.ki-petal{animation:none}}
@keyframes kn-twinkle{0%,100%{opacity:1}50%{opacity:.25}}
.kn-star{animation:kn-twinkle 2.4s ease-in-out infinite}
.kn-star2{animation:kn-twinkle 3.1s ease-in-out .8s infinite}
@media (prefers-reduced-motion: reduce){.kn-sticker,.kn-star,.kn-star2{animation:none}}