.login-button{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;color:#fff;font-size:20px;position:relative;display:table;margin:0 70px 10px;padding:2px 5px;text-align:center;border-radius:5px;width:190px;height:40px;border:.5px solid #87C53E;cursor:pointer;background-color:#87c53e;text-decoration:inherit;font-size:medium}.input-login{font-size:25px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;width:100%;margin:0;padding:0;border-radius:3px;border:.5px solid #008D36;text-indent:3px}.login-icon{position:relative;width:200px}*{font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,}h1{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;color:#0c1013;padding:15px 0 0;text-align:left;font-size:20px;display:block}p{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:medium;color:#008d36}.root{display:grid;place-items:center;height:100%;width:100%;background-size:cover}.container{height:300px;width:230px;padding:15px;border-radius:5px;text-align:center;display:table;flex-direction:column;background-color:#fff}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.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}