@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap);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}@media screen and (max-width:750px){.cards{display:flex;flex-direction:column}.css-h93ljk-MuiTypography-root{font-size:1.3rem!important}.css-78trlr-MuiButtonBase-root-MuiIconButton-root{padding:3px!important}.sidebar{display:none!important}.css-1vtvoxb-MuiTypography-root{font-weight:500!important;letter-spacing:0!important}}@media screen and (min-width:750px) and (max-width:1250px){.cards{display:flex!important;flex-direction:column!important}.css-h93ljk-MuiTypography-root{font-size:1.3rem!important}.css-78trlr-MuiButtonBase-root-MuiIconButton-root{padding:3px!important}.container{padding-left:0!important;padding-right:0!important;width:100%}}.row{justify-content:center;margin:auto}.css-bhp9pd-MuiPaper-root-MuiCard-root{width:35rem}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.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)}}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}body{background:#7d2ae8}.container1{background:#fff;box-shadow:0 5px 10px rgba(0,0,0,.2);max-width:850px;padding:40px 30px!important;-webkit-perspective:2700px;perspective:2700px;position:relative;width:100%}.container1 .cover{height:100%;left:50%;position:absolute;top:0;-webkit-transform-origin:left;transform-origin:left;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:all 1s ease;width:50%;z-index:98}.container1 #flip:checked~.cover{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.container1 .cover .back,.container1 .cover .front{height:100%;left:0;position:absolute;top:0;width:100%}.cover .back{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.container1 .cover:after,.container1 .cover:before{background:#7d2ae8;content:"";height:100%;opacity:.5;position:absolute;width:100%;z-index:12}.container1 .cover:after{-webkit-backface-visibility:hidden;backface-visibility:hidden;opacity:.3;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.container1 .cover img{height:100%;object-fit:cover;position:absolute;width:100%;z-index:10}.container1 .cover .text{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;position:absolute;width:100%;z-index:130}.cover .text .text-1,.cover .text .text-2{color:#fff;font-size:26px;font-weight:600;text-align:center}.cover .text .text-2{font-size:15px;font-weight:500}.container1 .forms{background:#fff;height:100%;width:100%}.container1 .form-content{align-items:center;display:flex;justify-content:space-between}.form-content .login-form,.form-content .signup-form{width:calc(50% - 25px)}.forms .form-content .title{color:#333;font-size:24px;font-weight:500;position:relative}.forms .form-content .title:before{background:#7d2ae8;bottom:0;content:"";height:3px;left:0;position:absolute;width:25px}.forms .signup-form .title:before{width:20px}.forms .form-content .input-boxes{margin-top:30px}.forms .form-content .input-box{align-items:center;display:flex;height:50px;margin:10px 0;position:relative;width:100%}.form-content .input-box input{border:none;border-bottom:2px solid rgba(0,0,0,.2);font-size:16px;font-weight:500;height:100%;outline:none;padding:0 30px;transition:all .3s ease;width:100%}.form-content .input-box input:focus,.form-content .input-box input:valid{border-color:#7d2ae8}.form-content .input-box i{color:#7d2ae8;font-size:17px;position:absolute}.forms .form-content .text{color:#333;font-size:14px;font-weight:500}.forms .form-content .text a{text-decoration:none}.forms .form-content .text a:hover{text-decoration:underline}.forms .form-content .button{color:#fff;margin-top:40px}.forms .form-content .button input{background:#7d2ae8;border-radius:6px;color:#fff;cursor:pointer;padding:0;transition:all .4s ease}.forms .form-content .button input:hover{background:#5b13b9}.forms .form-content label{color:#5b13b9;cursor:pointer}.forms .form-content label:hover{text-decoration:underline}.forms .form-content .login-text,.forms .form-content .sign-up-text{margin-top:25px;text-align:center}.container1 #flip{display:none}@media (max-width:730px){.container1 .cover{display:none}.form-content .login-form,.form-content .signup-form{width:100%}.form-content .signup-form{display:none}.container1 #flip:checked~.forms .signup-form{display:block}.container1 #flip:checked~.forms .login-form{display:none}}#container1,#container2{display:flex;flex-wrap:wrap;justify-content:space-around;margin-top:4rem}.right1{text-align:justify!important;width:37rem}.left1{align-items:center;display:flex;justify-content:center;width:21rem}.left1 img{width:100%}.left2{text-align:justify;width:38rem}.right2{align-items:center;display:flex;justify-content:center;width:21rem}.right2 img{height:85%;width:100%}@media screen and (min-width:351px) and (max-width:780px){.right1 h1{font-size:2.2rem}.right1 h5{font-size:1.2rem!important}.left2 h1{font-size:2rem}.left2 h5{font-size:1.2rem!important}}@media screen and (max-width:350px){.left2 h1,.right1 h1{font-size:1.8rem!important}}.content{background:#fff;border-radius:2rem;box-shadow:0 5px 10px rgba(0,0,0,.2);margin:2rem 5rem!important;max-width:850px;padding:40px 35px;-webkit-perspective:2700px;perspective:2700px;position:relative;width:100%}.cards{margin:auto!important}.sidebar{position:relative;right:10rem;top:5rem}.css-i7rae6-MuiList-root{background-color:red;border-radius:1rem}.css-uob957-MuiListSubheader-root{border-radius:1rem}.css-bhp9pd-MuiPaper-root-MuiCard-root{margin:1rem 0}@media screen and (max-width:900px){.content{margin:3rem 0!important;padding:40px 20px}.content div{width:100%!important}.css-s18byi{margin-top:2rem}}.content{margin:auto!important;padding:40px 20px}
/*# sourceMappingURL=main.3d03fca0.css.map*/