body{margin:0;padding:0;font-family:Orbitron,sans-serif;background-color:#000;color:#ddd;background-image:url(https://images.unsplash.com/photo-1542281286-9e0a16bb7366);background-size:cover;background-position:center;background-repeat:no-repeat;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;opacity:0;visibility:hidden}body.loaded{opacity:1;visibility:visible;transition:opacity 1.5s ease-in}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{width:100%;height:100vh;padding:0;background-color:#000000b3}.App-Content{text-align:center;padding:20px}h1{font-size:6em;margin-bottom:20px;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5)}p{font-size:1.2em;margin-top:10px;letter-spacing:1px;line-height:1.6}.button{padding:6px 12px;font-size:16px;background-color:transparent;border:2px solid #ffffff55;border-radius:24px;color:#fff;cursor:pointer;display:flex;align-items:center;transition:background-color .3s,color .3s;font-weight:lighter;font-family:Orbitron,sans-serif;letter-spacing:1px}@media (max-width: 768px){h1{font-size:4em}p{font-size:1em}}@media (max-width: 480px){h1{font-size:3em}p{font-size:.9em}}.header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:#000c;color:#fff;position:sticky;top:0;z-index:1000}.header h1{font-family:Orbitron,sans-serif;font-size:1.5em;margin:0}.login-button:hover{background-color:#fff5;color:#fff}.login-button img{width:20px;height:20px;margin-right:8px}.login-button:focus{outline:none}@media (max-width: 768px){.login-button{font-size:14px;padding:8px 16px}}@media (max-width: 480px){.login-button{top:10px;right:100px;font-size:12px;padding:6px 12px}}