@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap);body{margin:0;transition:background-color .3s,color .3s;font-family:Inter,sans-serif}body.dark{background-color:#111;color:hsla(0,0%,100%,.9)}.app{min-height:100vh;display:flex;justify-content:center;align-items:center;position:relative;background-color:#fdfdfd;color:rgba(0,0,0,.9);transition:background-color .3s,color .3s}.app.dark{background-color:#111;color:hsla(0,0%,100%,.9)}.theme-toggle{position:absolute;top:20px;right:20px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.icon{width:24px;height:24px;transition:transform .3s ease}.theme-toggle:hover .icon{transform:rotate(15deg)}.content{text-align:center;white-space:nowrap}.content,.line{overflow:hidden}.line{margin:10px 0;height:1.5em}.char{display:inline-block;opacity:0;transform:translateY(15px);font-weight:500}.char.animate{animation:bounceIn .4s cubic-bezier(.12,.8,.32,1.2) forwards}.copyright{position:absolute;bottom:20px;text-align:center;font-size:12px;width:100%;color:rgba(0,0,0,.4)}.app.dark .copyright{color:hsla(0,0%,100%,.4)}.copyright a{color:inherit;text-decoration:none;border-bottom:1px dashed currentColor;padding-bottom:1px;transition:opacity .3s}.copyright a:hover{opacity:.7}@keyframes bounceIn{0%{opacity:0;transform:translateY(15px)}60%{opacity:.7;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}