#root{max-width:100%;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.water-loading-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center}.water-loading-bg{position:absolute;top:0;left:0;width:100%;height:100%;filter:grayscale(100%) opacity(.15)}.water-loading-fg{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 300' preserveAspectRatio='none'%3E%3Cpath d='M 0 150 Q 25 140, 50 150 T 100 150 T 150 150 T 200 150 L 200 300 L 0 300 Z' fill='black'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 300' preserveAspectRatio='none'%3E%3Cpath d='M 0 150 Q 25 140, 50 150 T 100 150 T 150 150 T 200 150 L 200 300 L 0 300 Z' fill='black'/%3E%3C/svg%3E");-webkit-mask-size:200% 300%;mask-size:200% 300%;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;-webkit-mask-position:0% 0%;mask-position:0% 0%;animation:waterRise 2.5s cubic-bezier(.4,0,.2,1) infinite}@keyframes waterRise{0%{-webkit-mask-position:0% 0%;mask-position:0% 0%}to{-webkit-mask-position:300% 100%;mask-position:300% 100%}}:root{--font-title: "Playfair Display", Georgia, serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--color-gold: #B59410;--color-dark-green: #2F4F43;--color-sage: #64745C;--color-bg-cream: #F9F9F4}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0;padding:0;font-family:var(--font-body)}body{min-height:100vh;color:var(--color-dark-green);background:var(--color-bg-cream);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);font-weight:700}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}