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