html{height:100%}*{box-sizing:border-box}body{height:100%;display:-ms-grid;-ms-grid-columns:20% 80%;grid-template-columns:20% 80%;margin:0;padding:0;font-family:Montserrat;display:grid;inset:0;overflow:hidden}aside{height:100%;background-color:#49306b;flex-direction:row;justify-content:flex-end;align-items:center;display:flex}aside nav{text-align:center}aside nav a{color:#fff;cursor:pointer;background-color:#49306b;border-top-left-radius:5rem;border-bottom-left-radius:5rem;padding:2rem;font-weight:700;text-decoration:none;transition:all .1s ease-in-out;display:block}aside nav a.active{color:#49306b;background-color:#fff}main{height:100%;flex-direction:column;justify-content:center;align-items:center;display:flex}.form{text-align:center;width:30%;max-width:500px;transition:width .3s;display:none}.form h2{margin-top:0}.form input{width:100%;margin-top:2rem;transition:all .1s ease-in-out;display:block}.form.show{animation:showForm .4s;display:block}.form.hide{animation:hideForm .4s forwards}input{border:3px solid #0000;border-radius:2rem;padding:1rem}input:focus{outline:0}input[type=text],input[type=email],input[type=password]{background-color:#f1f1f1}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus{background-color:#fff;border:3px solid #f1f1f1}input[type=submit]{cursor:pointer;color:#fff;background-color:#49306b;padding:1rem}@keyframes showForm{0%{opacity:0;display:block;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes hideForm{0%{opacity:1;transform:translate(0)}to{opacity:0;display:none;transform:translate(60px)}}@media (max-width:1200px){.form{width:50%}}@media (max-width:700px){body{display:-ms-grid;-ms-grid-rows:100px auto;-ms-grid-columns:100%;grid-template-rows:100px auto;grid-template-columns:100%;display:grid}aside{flex-direction:column;justify-content:center;align-items:center}aside nav a{padding:1rem 2rem;display:inline-block}aside nav a:first-child{border-radius:5rem 0}aside nav a:last-child{border-radius:0 5rem}.form{width:50%}}@media (max-width:550px){.form{width:70%}}@media (max-width:300px){body{-ms-grid-rows:150px auto;grid-template-rows:150px auto}aside nav{width:100%}aside nav a{width:auto;margin:.4rem 0;padding:1rem .5rem;display:inline-block;border-radius:0!important}.form{width:80%}}
/*# sourceMappingURL=index.6dc95818.css.map */