@import url(https://fonts.googleapis.com/css?family=Open+Sans&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}a{text-decoration:none;color:#444;font-weight:700;font-size:1.2rem}p{margin:0;padding:0}.App{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:"Open Sans",sans-serif;background:#f5f5f5}.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite;height:40vmin;pointer-events:none}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.login{width:27em;height:50em;min-height:44em;margin-top:100px}.login,.login .container{display:flex;justify-content:center;align-items:center;position:relative;z-index:99}.login .container{background-color:#fff;box-shadow:0 0 12px 2px rgba(15,15,15,.2);border-radius:4px;width:100%;height:100%;padding:50px 10px;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.login .right-slide{display:flex;flex-direction:column;justify-content:center;height:90%;background-color:#3498db;width:100%;position:absolute;right:-34%;border-radius:6px;z-index:1;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;cursor:pointer;box-shadow:0 0 12px 2px rgba(15,15,15,.281)}.login .right-slide.right{right:-40%;align-items:flex-end}.login .right-slide.right:hover{right:-45%}.login .right-slide.left{right:40%;align-items:flex-start}.login .right-slide.left:hover{right:45%}.login .right-slide .text{font-size:21px;font-weight:500;color:#fff;margin-right:3em;margin-left:3em}.btn{font-size:21px;padding:5px 20px;border:0;background-color:#3498db;color:#fff;border-radius:3px;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;cursor:pointer}.btn:hover{background-color:#2386c8}.btn:focus{outline:none}.base-container{width:100%;display:flex;flex-direction:column;align-items:center}.base-container .header{font-size:35px;font-family:"Open sans",sans-serif;font-weight:700}.base-container .content{display:flex;flex-direction:column}.base-container .content .image{width:20em}.base-container .content .image img{width:100%;height:100%}.base-container .content .form{margin-top:1rem;display:flex;flex-direction:column;align-items:center}.base-container .content .form .form-group{display:flex;flex-direction:column;align-items:flex-start;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.base-container .content .form .form-group label{font-size:20px}.base-container .content .form .form-group input,.base-container .content .form .form-group select{margin-top:3px;min-width:18em;height:30px;padding:0 10px;font-size:16px;font-family:"Open Sans",sans-serif;background-color:#f3f3f3;border:0;border-radius:4px;margin-bottom:3px;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.base-container .content .form .form-group input:focus,.base-container .content .form .form-group select:focus{outline:none;box-shadow:0 0 12px .8px rgba(14,129,206,.59)}.base-container .footer{margin-top:1em}
/*# sourceMappingURL=main.22a93b95.chunk.css.map */