main{position:relative;min-height:600px}.banner{border-radius:.5rem;margin:0 auto;color:#fff;line-height:1.5rem;margin-bottom:2rem!important}.banner p{padding:.5rem 1rem;font-size:1rem}.banner:after{content:"";display:block;margin:.5rem auto;width:50%;border-bottom:1px solid #fff}#forms{display:flex;min-height:inherit;align-items:center;justify-content:space-around;border-bottom:1px solid rgba(69,133,206,.7)}#signup{background:var(--bg-color);color:#fff;min-height:inherit}#login,#signup{padding:1rem;width:445px}#login{color:var(--bg-color)}#login>form,#signup>form{text-align:center}h4{margin-bottom:1rem;font-size:1.5rem;font-weight:500}.form-group{display:flex;flex-direction:column;margin-bottom:.5rem}.form-group>label{font-size:.9rem;font-weight:300;margin-bottom:.1rem}input{width:90%;margin:0 auto}input[type=email],input[type=password],input[type=text]{padding:.5rem 1.2rem;border:none;font-size:1.1rem;outline:none;border-radius:2rem;color:#254870;text-align:center}input.darken{border:2px solid var(--bg-color)!important;background:#f9f9f9}.btn{cursor:pointer;font-weight:500;padding:.5rem 1rem;border:none;outline:none;border-radius:2rem;width:120px;font-size:1rem;margin:1rem 0}.btn-dark{background:var(--bg-color);color:#fff;border:2px solid #fff!important;transition:background .2s ease-in}.btn-dark:hover{background:#f9f9f9;color:var(--bg-color);border:2px solid var(--bg-color)!important}.hide{display:none}a.forgot-link:visited{color:var(--bg-color)}@media screen and (max-width:500px){.section{width:100%}.section>*{width:100%!important}#login,#signup{margin:0 auto;width:95%}}@media screen and (max-width:800px){#forms{flex-direction:column-reverse;gap:0;justify-content:center}.section{width:100%;padding:0 1rem}#login,#signup{margin:0 auto;width:90%}}@media screen and (max-width:400px){.section{padding:0 .2rem}#login,#signup,.section{width:100%}}footer{position:relative;bottom:0;color:#fff;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}footer>div.section>#links-container{display:flex}footer .copyright{text-align:center;font-size:.8rem;font-style:italic;font-weight:300}.links{font-size:.9rem;margin:0 1rem}.links h5{margin-bottom:.5rem}.links>ul{list-style:none}.links>ul>li{list-style-position:inside;margin-bottom:.2rem}.links>ul>li>a{color:#fff}@media screen and (max-width:600px){footer{margin-top:.5rem;text-align:center}footer>div.section>#links-container{flex-direction:column}}