*{margin:0;padding:0}#root{width:100vw;height:100vh;background-color:var(--base-color);font-family:Inter,sans-serif;transition:background-color 1s cubic-bezier(.25,.46,.45,.94)}h1{text-align:center;color:var(--base-color);background-color:#ffffffe6;font-size:5vw;line-height:1.7}#quote-box{width:70%;max-width:560px;height:50vh;text-align:center;opacity:.8;-webkit-backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fff;border-radius:15px;margin:5rem auto;padding:1rem;position:relative}#text,svg{fill:var(--base-color);color:var(--base-color);font-size:1.8rem;display:inline}#author{text-align:right;color:var(--base-color);margin-top:20px;font-weight:800}.nav{width:80%;-webkit-backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#f5f5f5;justify-content:space-evenly;margin:0 auto;display:flex;position:absolute;bottom:20px;left:10%}.nav>a svg{height:30px;width:30px;fill:var(--base-color);padding:5px 10px;transition:transform .3s ease-in;display:inline-block}.nav>a:hover{transform:scale(1.1)}