@import"https://fonts.googleapis.com/css2?family=Sour+Gummy:ital,wght@0,100..900;1,100..900&display=swap";html,body{margin:0;padding:0;overflow:hidden;height:100%;background:#0a0014}canvas{display:block;margin:0 auto;position:absolute;width:100vw!important;height:100vh!important;top:50%;left:50%;transform:translate(-50%,-50%)}#app{width:100vw;display:flex;align-items:center;justify-content:center;height:100vh}.flower-container{width:100vw;height:100vh;background-color:#0a0014;display:flex;align-items:center;justify-content:center}.intro-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0a0014;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:1;transition:opacity 1s ease-in-out;z-index:10}.intro-screen.fade-out{opacity:0;pointer-events:none}.intro-screen h1{font-size:2.5rem;margin-bottom:.5rem;font-family:Sour Gummy,sans-serif;font-optical-sizing:auto;font-style:normal;text-align:center;padding:0 20px}.intro-screen p{font-size:1.2rem;margin-bottom:2.5rem;font-family:Sour Gummy,sans-serif;font-optical-sizing:auto;font-style:normal;text-align:center;padding:0 20px}.intro-screen button{font-size:1rem;padding:.75rem 2rem;background-color:#fff;color:#000;border:none;border-radius:999px;cursor:pointer;transition:transform .2s ease}.intro-screen button:hover{transform:scale(1.05)}.sketch-wrapper{width:100vw;height:100vh}