body{margin:0;padding:0;scroll-behavior:smooth}.App{height:100vh}.App,.signup-page{background-color:#fff}.signup-page{box-sizing:border-box;display:grid;font-family:system-ui;place-items:center}.signup-page .content{align-items:center;background:#fff;border-radius:6px;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3.5rem}.signup-page .content .contentIntro{width:300px}.signup-page .content .contentIntro .contentIntroTitle{align-items:left;display:flex;justify-content:space-between}.signup-page .content .contentIntro .contentIntroTitle img{height:3.6rem;width:3.6rem}.signup-page .content .contentIntro .contentIntroTitle .close-btn{align-self:flex-start;background:transparent;border:none;cursor:pointer;outline:none;padding:0}.signup-page .content .contentIntro .contentIntroTitle .close-btn i{color:#81878c;font-size:1.8rem}.signup-page .content .contentIntro .contentIntroTitle .close-btn:active,.signup-page .content .contentIntro .contentIntroTitle .close-btn:hover{background-color:hsla(207,5%,53%,.1)}.signup-page .content .contentIntro .contentIntroDesc{color:#000;font-size:1rem;font-weight:600;text-align:left}.signup-page .content form{align-items:center;display:flex;flex-direction:column;gap:1rem}.signup-page .content form .inputBox{align-items:center;display:flex;height:2.75rem;justify-content:center;position:relative;width:300px}.signup-page .content form .inputBox i{color:#0078d3;font-size:1.2rem;left:20px;position:absolute}.signup-page .content form .inputBox input{background:none;border:1px solid #c8c8c8;border-radius:6px;color:#b7b7b7;height:2.75rem;outline:none;padding:0 50px;width:300px}.signup-page .content form button{background:none;background-color:none;border:1px solid #0078d3;border-radius:6px;color:#0078d3;cursor:pointer;font-size:16px;font-weight:600;height:2.75rem;padding:0 50px;width:300px}.signup-page .content form button:hover{background-color:#0078d3;color:#fff}.backdrop{background-color:hsla(0,0%,100%,.9);height:100%;position:fixed;width:100%;z-index:1}.modal{-webkit-animation:slide-down .3s ease-out forwards;animation:slide-down .3s ease-out forwards;box-shadow:0 0 2px 0 rgba(0,0,0,.2),0 4px 10px 0 rgba(0,0,0,.05);left:50%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2}@-webkit-keyframes slide-down{0%{opacity:0}to{opacity:1}}@keyframes slide-down{0%{opacity:0}to{opacity:1}}.loginMain{background-color:#fff;box-sizing:border-box;display:grid;font-family:system-ui;place-items:center}.loginMain .content{align-items:center;background:#fff;border-radius:6px;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3.5rem}.loginMain .content .contentIntro{width:300px}.loginMain .content .contentIntro .contentIntroTitle{align-items:left;display:flex;justify-content:space-between}.loginMain .content .contentIntro .contentIntroTitle img{height:3.6rem;width:3.6rem}.loginMain .content .contentIntro .contentIntroTitle .close-btn{align-self:flex-start;background:transparent;border:none;cursor:pointer;outline:none;padding:0}.loginMain .content .contentIntro .contentIntroTitle .close-btn i{color:#81878c;font-size:1.8rem}.loginMain .content .contentIntro .contentIntroTitle .close-btn:active,.loginMain .content .contentIntro .contentIntroTitle .close-btn:hover{background-color:hsla(207,5%,53%,.1)}.loginMain .content .contentIntro .contentIntroDesc{color:#000;font-size:1rem;font-weight:600;text-align:left}.loginMain .content form{align-items:center;display:flex;flex-direction:column;gap:1rem}.loginMain .content form .inputBox{align-items:center;display:flex;height:2.75rem;justify-content:center;position:relative;width:300px}.loginMain .content form .inputBox i{color:#0078d3;font-size:1.2rem;left:20px;position:absolute}.loginMain .content form .inputBox input{background:none;border:1px solid #c8c8c8;border-radius:6px;color:#b7b7b7;height:2.75rem;outline:none;padding:0 50px;width:300px}.loginMain .content form button{background:none;background-color:none;border:1px solid #0078d3;border-radius:6px;color:#0078d3;cursor:pointer;font-size:16px;font-weight:600;height:2.75rem;padding:0 50px;width:300px}.loginMain .content form button:hover{background-color:#0078d3;color:#fff}.Intro{font-family:system-ui;padding:30px 90px;transition:all .5s ease-out}.Intro .Title{color:#1a1a1a;font-size:48px;font-weight:650;line-height:50px;word-spacing:-5px}.Intro p{color:#717171;font-size:16px;margin:0;padding:10px 0}.Intro #link{font-size:14px;padding:0}.Intro #link a{color:#0078d3;font-weight:600;margin-left:10px;text-decoration:none}.Intro .buttons{display:flex;flex-direction:row;gap:10px}.Intro .buttons button{background-color:#fff;border:1px solid rgba(0,120,211,.3);border-radius:4px;color:#0078d3;cursor:pointer;font-size:16px;padding:16px 26px}.Intro .buttons button:hover{box-shadow:0 0 8px #e6e6e6;-webkit-transform:translateY(-1px);transform:translateY(-1px);transition:all .3s ease}.Intro .buttons #sgn{background-color:#0078d3;color:#fff}.Intro .buttons #lgn:hover{background-color:rgba(0,120,211,.847)}.navbar{align-items:center;border-bottom:1px solid #d2d2d2;display:flex;flex-direction:row;font-family:system-ui;gap:40px;justify-content:space-between;padding:10px 90px}.navbar .leftSide{gap:10px}.navbar .leftSide,.navbar .leftSide .logo{align-items:center;display:flex;justify-content:center}.navbar .leftSide .logo img{height:35px;width:35px}.navbar .leftSide .appName{color:#0078d3;font-size:16px;font-weight:500}.navbar .leftSide .links ul{align-items:center;display:flex;gap:20px}.navbar .leftSide .links ul li{color:#969696;cursor:pointer;font-size:14px;list-style:none}.navbar .leftSide .links ul li:hover{color:#464646}.navbar .rightSide{align-items:center;display:flex;gap:20px;justify-content:center}.navbar .rightSide li{color:#969696;cursor:pointer;font-size:14px;list-style:none}.navbar .rightSide li:hover{color:#464646}.navbar .rightSide button{background-color:#fff;border:1px solid rgba(0,120,211,.3);border-radius:4px;color:#0078d3;cursor:pointer;font-weight:600;padding:8px 14px}.navbar .rightSide button:hover{box-shadow:0 0 8px #e6e6e6;-webkit-transform:translateY(-1px);transform:translateY(-1px);transition:all .3s ease}.footer{background-color:#556b2f}
/*# sourceMappingURL=main.9a581c22.css.map*/