body{background-color:#fff}section#auth{height:100vh;width:100vw;display:flex;flex-direction:row;align-items:center;justify-content:space-between;background-size:cover;background-position:center bottom;background-repeat:no-repeat;padding:0 10vw}section#auth div#title{width:60%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}section#auth div#title h1{font-size:1.6em;font-family:Arial Rounded;white-space:pre-line;color:var(--lpurple)}section#auth div#title h1 span{font-size:2em}section#auth div#title p{font-size:1em;font-family:Bahnschrift;color:var(--lpurple);margin-top:15px;margin-left:5px}section#auth div#container{width:40%;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;position:relative}section#auth div#container form{width:90%;border-radius:50px;background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 0}section#auth div#container form div.form-group{width:80%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:20px;position:relative}section#auth div#container form div.form-bigGroup{width:80%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:20px;position:relative}section#auth div#container form div.form-group label{font-size:1em;font-family:Bahnschrift;color:var(--lpurple);margin-bottom:10px}section#auth div#container form div.form-group input{height:50px;width:100%;background-color:#f8fafb;border-radius:30px;border:none;padding:0 15px;font-family:Bahnschrift;color:#8a88aa}section#auth div#container form div.form-group input.is-invalid{border:2px solid #ff8c8c}section#auth div#container form button.button{width:80%}section#auth div#container form span.invalid-feedback{font-size:.8em;font-family:Bahnschrift;color:#ff8c8c;position:absolute;bottom:-25px}