@import url(https://fonts.googleapis.com/css2?family=Montserrat&family=Raleway:wght@900&display=swap);*{margin:0;padding:0;outline:none;box-sizing:border-box;font-family:"Montserrat",sans-serif}body{background-image:url(https://aulas.openskyinformation.com/welcome/background.jpg)}.pass,.user,h1,h2{text-align:center;display:block}h1{font-weight:700;font-size:40px;margin:30px auto;font-family:"Raleway",sans-serif}a{color:#3dadb3}.cont{position:relative;width:25%;height:auto;padding:20px 25px;margin:10vh auto;background:#fff;border-radius:3px}.form{width:100%;height:100%}.login,.pass,.user{width:100%;height:45px;border:none;border-radius:3px;font-size:20px;font-weight:lighter;margin-bottom:30px}.pass,.user{background:#ecf0f1}.login{color:#fff;cursor:pointer;margin-top:20px;background:#54137c;transition:background .4s ease}.invalid{color:red}.login:hover{background:#360c50}@media only screen and (min-width:280px){.cont{width:90%}}@media only screen and (min-width:480px){.cont{width:60%}}@media only screen and (min-width:768px){.cont{width:40%}}@media only screen and (min-width:992px){.cont{width:30%}}h2{color:#fff;margin-top:25px}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}