:root{font-family:Roboto,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{padding:0;margin:0}#app{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;transition:background-color .5s,color .5s;transition:color .5s,color .5s;background-color:var(--bg-color);color:var(--font-color)}h1{font-size:5rem;font-weight:700;margin-bottom:1rem}p{font-size:1.5rem;text-align:center}#clipboard{font-size:.9rem;font-style:italic}button{font-size:1.5rem;font-weight:700;transition:background-color .5s,color .5s;background-color:var(--font-color);color:var(--bg-color);padding:1rem 1.5rem;border-radius:2rem;border:none;cursor:pointer}button:hover{filter:brightness(1.2)}button:hover{background-color:var(--font-color);color:var(--bg-color)}@media only screen and (max-width: 800px){p{padding:0 22px}}@media only screen and (max-width: 600px){h1{font-size:2rem}p{font-size:1rem;padding:0 22px}button{font-size:1rem}}