body{display:flex;align-items:center;justify-content:center;height:100vh}#login-form-alert{position:absolute;top:20px}#login-form{display:flex;flex-direction:column;justify-content:center;overflow:hidden}#login-form h1{align-self:center}@media screen and (min-width: 1001px){#login-form{width:40%;max-width:400px;padding:40px 40px 80px}#login-form h1{font-size:40px;margin-bottom:15%}#login-form input{font-size:18px}#login-form #signup-page-link{font-size:15px}#login-form button{font-size:18px;margin-top:20%}}@media screen and (max-width: 1000px){#login-form{width:50%;max-width:500px;padding:4% 4% 6%}#login-form h1{font-size:40px;margin-bottom:15%}#login-form input{font-size:18px}#login-form #signup-page-link{font-size:15px}#login-form button{font-size:18px;margin-top:20%}}@media screen and (max-width: 750px){#login-form{width:60%;max-width:600px;padding:5% 5% 8%}#login-form h1{font-size:40px;margin-bottom:18%}#login-form input{font-size:18px}#login-form #signup-page-link{font-size:15px}#login-form button{font-size:18px;margin-top:25%}}@media screen and (max-width: 450px){#login-form{width:70%;max-width:700px;padding:5% 5% 8%}#login-form h1{font-size:30px;margin-bottom:20%}#login-form input{font-size:16px}#login-form #signup-page-link{font-size:14px}#login-form button{font-size:16px;margin-top:30%}}@media screen and (max-width: 300px){#login-form{width:80%;max-width:800px;padding:5% 5% 8%}#login-form h1{font-size:25px;margin-bottom:20%}#login-form input{font-size:14px}#login-form #signup-page-link{font-size:14px}#login-form button{font-size:14px;margin-top:30%}}#login-form #signup-page-link{margin-top:6%}