:root{color:#fff}#root{padding:25px}.card{backdrop-filter:blur(10px) saturate(70%);-webkit-backdrop-filter:blur(23px) saturate(70%);background-color:#111928d6;border-radius:12px;padding:12px;border:1px solid rgba(255,255,255,.125)}h1{animation-name:h1_fly_in;animation-duration:1s;animation-fill-mode:forwards}.p.removing{-webkit-animation:fly_out .5s;-moz-animation:fly_out .5s;animation:fly_out .5s}.MuiCardHeader-subheader{color:#fff}h2{font-size:0px;animation-name:h2_fly_in;animation-duration:1s;animation-delay:1.2s;animation-fill-mode:forwards}p{animation-duration:1s;animation-delay:1.2s;animation-fill-mode:forwards}@keyframes fly_out{0%{font-size:0px}to{font-size:50px}}@keyframes h1_fly_in{0%{font-size:0px}to{font-size:50px}}@keyframes h2_fly_in{0%{font-size:0px}to{font-size:25px}}div{flex:1;flex-shrink:1;box-sizing:border-box}canvas{position:fixed;top:0;left:0;z-index:-1}.switch{font-size:17px;position:relative;display:inline-block;width:64px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#73c0fc;transition:.4s;border-radius:30px}.slider:before{position:absolute;content:"";height:30px;width:30px;border-radius:20px;left:2px;bottom:2px;z-index:2;background-color:#e8e8e8;transition:.4s}.sun svg{position:absolute;top:6px;left:36px;z-index:1;width:24px;height:24px}.moon svg{fill:#73c0fc;position:absolute;top:5px;left:5px;z-index:1;width:24px;height:24px}.sun svg{animation:rotate 15s linear infinite}.moon svg{animation:tilt 5s linear infinite}.input:checked+.slider{background-color:#183153}.input:focus+.slider{box-shadow:0 0 1px #183153}.input:checked+.slider:before{transform:translate(30px)}