<script>
// based on https://codesandbox.io/s/framer-motion-2-animating-shared-layouts-1cpd0?from-embed
// usually this import strategy should work:
//import {Motion, AnimatePresence,AnimateSharedLayout} from "svelte-motion";
import Motion from 'svelte-motion/src/motion/MotionSSR.svelte';
import AnimatePresence from 'svelte-motion/src/components/AnimatePresence/AnimatePresence.svelte';
import AnimateSharedLayout from 'svelte-motion/src/components/AnimateSharedLayout/AnimateSharedLayout.svelte';
import {fade} from 'svelte/transition'
let items=[false,false, false];
</script>
<style>
:global(*) {
box-sizing: border-box;
}
.background{
background:linear-gradient(250deg, rgb(25,25,125), rgb(0,0,0));;
display:flex;
height:100%;
justify-content:center;
align-items:center;
position:relative;
overflow:hidden
}
ul,
li {
list-style: none;
margin: 0;
padding: 0;
}
ul {