@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}.App{text-align:center;display:flex;justify-content:center;align-items:center;font-family:"Open Sans",sans-serif}.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%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login{width:27em;height:50em;margin-top:15px}.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:20px}.login .right-side{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;transition:all .4s ease-in-out;cursor:pointer;box-shadow:0 0 12px 2px rgba(15,15,15,.281)}.login .right-side.right{right:-40%;align-items:flex-end}.login .right-side.right:hover{right:-45%}.login .right-side.left{right:40%;align-items:flex-start}.login .right-side.left:hover{right:45%}.login .right-side .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;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}.header{font-size:24px;font-family:Georgia,"Times New Roman",Times,serif}.content{display:flex;flex-direction:column}.image{width:21em}.image>img{width:100%;height:100%}.form{margin-top:2em;align-items:center}.form,.form .form-group{display:flex;flex-direction:column}.form .form-group{align-items:flex-start;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.form .form-group>label{font-size:20px}.form .form-group>input{margin-top:5px;min-width:18em;height:37px;padding:0 10px;font-size:16px;font-family:Georgia,"Times New Roman",Times,serif;background-color:#f3f3f3;border:0;border-radius:4px;margin-bottom:1em;transition:all .25s ease-in-out}input:hover{outline:none;box-shadow:0 0 10px .9px rgba(14,129,206,.59)}.footer{margin-top:1em}.footer .btn{font-size:21px;padding:5px 20px;border:0;background-color:#3498db;color:#fff;border-radius:3px;transition:all .25s ease-in-out;cursor:pointer}.footer .btn:hover{background-color:#2386c8}.footer .btn:focus{outline:none}
/*# sourceMappingURL=main.690c6d06.chunk.css.map */