body,html,#root,.App{margin:0;padding:0;width:100%;height:100%;overflow:hidden}.notification-container{position:fixed;top:20px;left:50%;transform:translate(-50%) translateY(-100px);background-color:#000c;color:#fff;padding:15px 30px;border-radius:8px;z-index:2000;transition:transform .5s ease-in-out,opacity .5s ease-in-out;opacity:0;box-shadow:0 4px 15px #0000004d;font-weight:500;pointer-events:none}.notification-container.slide-in{transform:translate(-50%) translateY(0);opacity:1}.notification-container.slide-out{transform:translate(-50%) translateY(-100px);opacity:0}.notification-content{text-align:center}#root{width:100vw;min-height:100vh;margin:0 auto;text-align:center;font-family:Arial,Helvetica,sans-serif}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}