@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;1,500&display=swap');

* { box-sizing: border-box; }
html, body { width: 100%; height: 100%; overflow: hidden; }
body { margin: 0; font-family: 'DM Sans', Arial, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
.demo-nav a, .demo-button { transition: opacity .2s ease, transform .2s ease, background .2s ease, color .2s ease; }
.demo-nav a:hover { opacity: .55; }
.demo-button:hover { transform: translateY(-2px); }
.arrow { display: inline-block; transition: transform .2s ease; }
.demo-button:hover .arrow { transform: translateX(4px); }