.loginContainer{display:flex;justify-content:center;.login{margin:3em 1em;width:800px;h2{font-size:30px;font-weight:500;text-decoration:underline;text-transform:uppercase}.loginFormContainer{display:flex;justify-content:center;margin:1em 0 1.5em;.loginForm{background-color:rgba(0,37,224,.3);border:2px solid white;border-radius:20px;box-shadow:0 0 40px 10px #f48890;padding:1em 2em;.container{display:flex;margin:1em 0;label{color:white;font-size:20px;font-weight:100;text-transform:uppercase;margin-right:.7em}input{border:2px solid black;height:18px;font-size:16px;margin:auto 0;width:220px}}}}.buttonContainer{display:flex;justify-content:right;button{background-color:#f7404e;border:2px solid white;border-radius:5px;color:white;font-size:16px;font-family:Inria Sans,sans-serif;padding:.2em 1em;text-transform:uppercase}}}}.signInLinkContainer{display:flex;justify-content:left;margin:0;width:100%;.signInLink,p{font-size:20px;font-weight:100;margin:auto 0}.logInBtn,.signInBtn{background-color:#f7404e;border:2px solid white;border-radius:5px;color:white;font-size:15px;padding:.3em 1.5em;margin:auto 0 auto 1em;text-transform:uppercase;text-decoration:none}}.logInLinkContainer{justify-content:right}.alert{display:flex;justify-content:center;p{background-color:black;border:2px solid red;border-radius:5px;color:red;font-size:17px;padding:.5em;text-align:center;width:-moz-fit-content;width:fit-content}}.success{display:flex;justify-content:center;p{background-color:black;border:2px solid rgb(0,226,0);border-radius:5px;color:rgb(0,226,0);font-size:20px;padding:.5em;text-align:center;width:-moz-fit-content;width:fit-content}}.loadingLogin{background-color:black;border:2px solid rgb(0,226,0);border-radius:10px;color:rgb(0,226,0);font-size:20px;padding:1em 2em;text-align:center;width:-moz-fit-content;width:fit-content}@media only screen and (max-width:900px){.loginContainer{.login{margin:2em 1em;width:100%;h2{font-size:33px}.loginnFormContainer{margin:1em 0;.loginForm{padding:2em;.container{label{font-size:20px;margin-right:1em}input{height:18px;font-size:16px;width:190px}}}}.buttonContainer{button{font-size:16px;padding:.3em 1.9em}}}}}@media only screen and (max-width:530px){.loginContainer{.login{margin:1.5em .5em;h2{text-align:center;font-size:25px}.loginFormContainer{.loginForm{padding:.8em 1.5em;.container{label{font-size:14px}input{height:16px;font-size:12px;width:120px}}}}.buttonContainer{justify-content:center;margin-top:1em;button{font-size:15px;padding:.3em 1.9em}}}}.signInLinkContainer{justify-content:center;p{padding:0;font-size:15px}.logInBtn,.signInBtn{font-size:10px;padding:.2em 1.2em;margin:auto 0 auto 1em}}.logInLinkContainer{margin:1.5em 0;.logInLink{.logInBtn{font-size:13px;padding:.3em 1.5em;margin:auto 0 auto 1em}}}.success{p{border-radius:7px;font-size:15px}}.loadingLogin{border-radius:7px;font-size:15px;padding:1em 2em}}