@import "https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap";body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#202020;width:100vw;height:100vh;font-family:Lato}.App .logo{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.App .logo img{height:120px}.App .logo .welcome{color:#ffffffb3;margin-top:30px;margin-bottom:10px;font-size:20px}.App .logo .connect{color:#fff;margin-top:30px;font-size:18px;font-weight:700}.App .logo .status{color:#ffffffb3;margin-top:10px;font-size:16px}.App .logo .slider{border-radius:10px;width:15vw;height:10px;margin-top:30px;position:relative;overflow-x:hidden}.App .logo .line{background:#434343;border-radius:10px;width:150%;height:10px;position:absolute}.App .logo .subline{background:#1da0bc;border-radius:10px;height:10px;position:absolute}.App .logo .inc{animation:2s infinite increase}.App .logo .dec{animation:2s .5s infinite decrease}@keyframes increase{0%{width:5%;left:-5%}to{width:100%;left:130%}}@keyframes decrease{0%{width:80%;left:-80%}to{width:10%;left:110%}}