@import url(https://fonts.googleapis.com/css?family=Montserrat:400,800);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{width:100%}*{box-sizing:border-box}body{background:#f6f5f7;font-family:Montserrat,sans-serif;height:100vh}.login-comp{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;margin:-20px 0 50px}h1{font-weight:700;margin:0}h2{text-align:center}p{font-size:14px;font-weight:100;letter-spacing:.5px;line-height:20px;margin:20px 0 30px}span{font-size:12px}.content-section{padding:110px 40px}a{color:#333;font-size:14px;margin:15px 0;text-decoration:none}button{background-color:#ff4b2b;border:1px solid #ff4b2b;border-radius:20px;color:#fff;font-size:12px;font-weight:700;letter-spacing:1px;padding:12px 45px;text-transform:uppercase;transition:-webkit-transform 80ms ease-in;transition:transform 80ms ease-in;transition:transform 80ms ease-in,-webkit-transform 80ms ease-in}button:active{-webkit-transform:scale(.95);transform:scale(.95)}button:focus{outline:none}button.ghost{background-color:initial;border-color:#fff}form{align-items:center;background-color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;padding:0 50px;text-align:center}input,select{background-color:#eee;border:none;margin:8px 0;padding:12px 15px;width:100%}label{font-size:smaller}.container{background-color:#fff;border-radius:10px;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);max-width:100%;min-height:480px;overflow:hidden;position:relative;width:768px}.form-container{height:100%;position:absolute;top:0;transition:all .6s ease-in-out}.sign-in-container{left:0;width:50%;z-index:2}.container.right-panel-active .sign-in-container{-webkit-transform:translateX(100%);transform:translateX(100%)}.sign-up-container{left:0;opacity:0;width:50%;z-index:1}.container.right-panel-active .sign-up-container{-webkit-animation:show .6s;animation:show .6s;opacity:1;-webkit-transform:translateX(100%);transform:translateX(100%);z-index:5}@-webkit-keyframes show{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}@keyframes show{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}.overlay-container{height:100%;left:50%;overflow:hidden;position:absolute;top:0;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out;width:50%;z-index:100}.container.right-panel-active .overlay-container{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.overlay{background:#ff416c;background:linear-gradient(90deg,#ff4b2b,#ff416c);background-position:0 0;background-repeat:no-repeat;background-size:cover;color:#fff;height:100%;left:-100%;position:relative;-webkit-transform:translateX(0);transform:translateX(0);transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out;width:200%}.container.right-panel-active .overlay{-webkit-transform:translateX(50%);transform:translateX(50%)}.overlay-panel{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:0 40px;position:absolute;text-align:center;top:0;-webkit-transform:translateX(0);transform:translateX(0);transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out;width:50%}.overlay-left{-webkit-transform:translateX(-20%);transform:translateX(-20%)}.container.right-panel-active .overlay-left,.overlay-right{-webkit-transform:translateX(0);transform:translateX(0)}.overlay-right{right:0}.container.right-panel-active .overlay-right{-webkit-transform:translateX(20%);transform:translateX(20%)}.social-container{margin:20px 0}.social-container a{align-items:center;border:1px solid #ddd;border-radius:50%;display:inline-flex;height:40px;justify-content:center;margin:0 5px;width:40px}footer{background-color:#222;bottom:0;color:#fff;font-size:14px;left:0;position:fixed;right:0;text-align:center;z-index:999}footer p{margin:10px 0}footer i{color:red}footer a{color:#3c97bf;text-decoration:none}.content-table{border-collapse:collapse;border-radius:5px 5px 0 0;box-shadow:0 0 20px rgba(0,0,0,.15);font-size:.9em;margin:25px 0;min-width:400px;overflow:hidden;width:100%}.content-table thead tr{background:#ff416c;background:linear-gradient(90deg,#ff4b2b,#ff416c);color:#fff;font-weight:700;text-align:left}.content-table td,.content-table th{padding:12px 15px}.content-table tbody tr{border-bottom:1px solid #ddd}.content-table tbody tr:nth-of-type(2n){background-color:#f3f3f3}.content-table tbody tr:last-of-type{border-bottom:2px solid red}.content-table tbody tr.active-row{color:red;font-weight:700}.banner{background-color:#7cb8d1af;border-radius:15px;color:#003c58;padding:20px}.navbar{background-color:grey;left:0;position:fixed;top:0;width:100%}.navbar li{float:left;list-style:none;margin:0 20px}.navbar ul{overflow:auto}.navbar li a{align-items:center;color:pink;display:flex;gap:15px;padding:3px;text-decoration:none}.navbar .li-active{border-bottom:1px solid #adff2f}.card{box-shadow:0 4px 8px 0 rgba(0,0,0,.2);margin-top:20px;transition:.3s;width:30%}.card:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}.card-container{padding:2px 16px}.card-container .user-info{display:flex;justify-content:space-between}
/*# sourceMappingURL=main.c11a4160.css.map*/