*{margin:0;padding:0;font-family:"Poppins",sans-serif;--primary:#ffc700;--secondary:#f34e1e;--tertiary:#4720b9;--white:#fbfbf6}a{text-decoration:none}.purplebox{width:100%;border-bottom-left-radius:10px;border-bottom-right-radius:10px;background-color:var(--tertiary);display:flex;flex-direction:row;justify-content:space-between}.contents{padding:20px 20px 20px 26px;width:202px;height:60px;overflow:hidden}.title{color:#fff;font-size:26px;height:28px;font-weight:700}.subtitle{font-size:16px;font-weight:700}.logout{padding:28px 26px 28px 28px}@media only screen and (max-width:600px){.contents{padding:14px 14px 14px 16px;width:180px;height:40px}.title{font-size:20px;height:22px}.subtitle{font-size:12px}.logout{padding:22px 20px 22px 22px}}.purplebutton{background-color:var(--tertiary);border:0;border-radius:10px;justify-content:center;margin:15px;width:300px;max-width:55%}.purplebutton-text{cursor:pointer;padding:10px 25px;color:#fff;font-size:29px;text-align:center}@media only screen and (max-width:600px){.purplebutton-text{padding:5px 14px;font-size:21px}}.redbox{background-color:var(--secondary);position:fixed;left:0;border-top-right-radius:10px;border-bottom-right-radius:10px;justify-content:center}.redbox-text{padding:8px 40px;color:#fff;font-size:29px}@media only screen and (max-width:900px){.redbox-text{padding:4px 20px;font-size:22px}}.textfield-container{display:flex;flex-direction:column;margin:8px 0;width:750px;max-width:86%}input[type=date],input[type=email],input[type=textfield],select{display:flex;max-width:100%;height:48px;margin-top:2px;border:3px solid var(--secondary);border-radius:13px;background-color:var(--primary);outline:0;padding:0 15px;color:var(--tertiary);font-size:19px}input[type=date],select[name=status]{align-items:center;display:-webkit-inline-flex;overflow:hidden;padding-left:15px;-webkit-padding-start:15px}input::-webkit-datetime-edit{flex:1 1;-webkit-user-modify:read-only!important;display:inline-block;min-width:0;overflow:hidden}input::-webkit-datetime-edit-fields-wrapper{-webkit-user-modify:read-only!important;display:inline-block;padding:1px 0;white-space:pre}@media only screen and (max-width:600px){input[type=textfield]{height:38px;margin-top:2px;font-size:15px}.label{font-size:15px}}.filter{background-color:#f34e1e;width:13rem;padding:.5rem 1rem;border-radius:5px 0 0 5px}.row1{display:flex;justify-content:space-between}.row1,.row2{font-weight:900;color:#fff}.row2{text-align:center}@media only screen and (max-width:720px){.filter{margin-top:1rem;background-color:#f34e1e;width:8rem;font-size:.8rem;display:flex;flex-direction:column;justify-content:space-around;padding-top:.5rem;border-radius:5px 0 0 5px}}.navbar-home{color:#fbfbfb;display:flex;justify-content:space-between;background-color:#4720b9;border-radius:0 0 8px 8px}.lefttext{line-height:1.1rem;padding:1.3rem 1.3rem 1.3rem 1.4rem}.line-one{font-size:1.2rem}.righttext{font-weight:900;padding:1.5rem;font-size:1.1rem}@media only screen and (max-width:720px){.line-one{font-size:1.1rem}.line-two{font-size:.9rem}.righttext{font-size:1rem}}.side-header{border-radius:0 5px 5px 0;font-size:1.5rem;color:#fff;background-color:#f34e1e;width:10rem;padding:.2rem .2rem .2rem 5rem;margin-top:1rem}@media only screen and (max-width:720px){.side-header{font-size:1.1rem;color:#fff;background-color:#f34e1e;width:7rem;padding:.2rem .2rem .2rem 3rem;margin-top:2rem}}.welcome{text-align:center;margin-top:2rem;color:#4720b9;line-height:1.6rem}.welcome-name{font-size:1.7rem}@media only screen and (max-width:720px){.welcome{text-align:center;margin-top:1.5rem;color:#4720b9;line-height:1.6rem}.welcome-name{font-size:1.5rem}.tagline{font-size:.9rem}}.create-btn{background-color:#f34e1e;border:none;color:#fff;margin-top:.75rem;padding:.4rem;border-radius:5px;width:8rem;font-weight:900}@media only screen and (max-width:720px){.create-btn{font-size:.8rem;margin-top:.5rem;padding:.4rem;border-radius:5px;width:7rem}}.admain-container{width:100vw;min-height:100vh;background-color:#ffc700}.aorange-bar{display:flex;flex-direction:row;justify-content:space-between}#aview{border:none;width:100%}#aview td{border:none;padding:8px;font-weight:500;font-size:1.2rem}#aview td,#aview th{color:#4720b9;text-align:center}#aview th{padding-top:12px;padding-bottom:12px;font-size:1.4rem}@media only screen and (max-width:720px){.table-container{color:#4720b9;margin-top:2rem;width:98vw;margin-left:1vw}#aview{border:none;width:100%}#aview td{border:none;padding:.3rem;white-space:nowrap;font-size:.68rem}#aview td,#aview th{color:#4720b9;text-align:center}#aview th{font-weight:900;padding-top:12px;padding-bottom:12px;font-size:.8rem}}.dimage{width:2rem}@media only screen and (max-width:720px){.dimage{width:1.1rem}}.orange-button{background-color:#f34e1e;color:#fff;border:none;font-weight:700;font-size:1.1rem;padding:.5rem;width:10rem;margin:.5rem .5rem .5rem 0;border-radius:8px;cursor:pointer;display:flex;justify-content:center}@media only screen and (max-width:720px){.orange-button{background-color:#f34e1e;color:#fff;border:none;font-weight:700;font-size:1.1rem;padding:.5rem;width:8rem;margin:0 .5rem .5rem 0;border-radius:8px}}.body-container{display:flex;flex-direction:row}.main-container{width:100vw;min-height:100vh;background-color:#ffc700}.navbar{width:100vw;background-color:#4720b9;border-radius:0 0 8px 8px}.nav-text{padding:1rem;color:#fff;line-height:1.4rem;text-align:center}.nline-1{font-size:1.5rem;font-weight:900}nline-1{font-size:.8rem}@media only screen and (max-width:720px){.body-container{margin-top:2rem;display:flex;flex-direction:column}.nav-text{padding:.8rem;color:#fff;line-height:1.4rem;text-align:center}.nline-1{font-size:1.2rem;font-weight:900}nline-1{font-size:.5rem}}.left-side{width:45%;margin-left:5%;color:#4720b9;margin-top:8rem}.main-text{font-size:3rem;letter-spacing:.8px;line-height:3.5rem}.sub-text{letter-spacing:.5px;font-size:1.2rem;margin-top:1.5rem}.buttons{display:flex;flex-direction:row;margin:2rem 1rem 2rem 0}@media only screen and (max-width:720px){.left-side{width:90%;margin-left:5%;margin-top:3rem}.main-text{font-size:2rem;letter-spacing:.8px;line-height:2.6rem}.sub-text{letter-spacing:.5px;font-size:1.2rem;margin-top:1.5rem}}.right-side{margin-top:9rem;width:50%;position:relative}.stacks{font-size:4rem;color:#4720b9;line-height:4.6rem;letter-spacing:.05rem}.learn,.stacks{font-weight:900}.learn{margin-top:1rem;color:#fff;background-color:#4720b9;padding:.5rem .5rem .5rem 1.5rem;font-size:2rem;border-radius:8px 0 0 8px;width:21rem}.right-content{position:absolute;right:0}@media only screen and (max-width:720px){.right-side{display:none}}.purple-container{background-color:var(--tertiary);border-radius:30px 0 0 30px;min-height:66vh;width:90%;padding-left:10%;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:3rem}@media only screen and (max-width:600px){.purple-container{margin-top:3rem;margin-bottom:3rem;margin-left:10%;width:80%}}.login-textfield-container{display:flex;flex-direction:column;width:100%}input[type=login-textfield],input[type=password],select[name=login]{display:flex;max-width:100%;height:56px;margin-top:20px;border:3px solid var(--secondary);border-radius:14px;background-color:var(--tertiary);outline:none;padding:0 15px;color:var(--white);font-size:19px}input[type=textfield]:focus{border:3px solid var(--secondary)}::-webkit-input-placeholder{color:var(--white);opacity:1}:-ms-input-placeholder{opacity:1}::placeholder{color:var(--white);opacity:1}:-ms-input-placeholder{color:var(--white)}::-ms-input-placeholder{color:var(--white)}.label{padding-left:3px;color:var(--tertiary);font-size:19px}@media only screen and (max-width:600px){input[type=textfield]{height:44px;font-size:15px}.label{font-size:15px}}.login-form{width:90%;padding-top:1rem;display:flex;flex-direction:column;align-items:center;overflow:hidden}.lcontainer{margin-top:5rem;display:flex;flex-direction:row;justify-content:space-between}@media only screen and (max-width:720px){.lcontainer{margin-top:2rem;flex-direction:column}}.lleft-side{margin-top:2rem;width:40%;margin-left:5%;color:var(--tertiary)}.lright-side{width:35%}@media only screen and (max-width:720px){.lleft-side{margin-top:2rem;width:100%;color:var(--tertiary)}.lright-side{width:100%}}.lheader{font-size:2rem}@media only screen and (max-width:720px){.lheader{font-size:1.8rem}}.lsubs{margin-top:2rem}.lbtn,.lsubs{font-size:1.1rem;width:90%}.lbtn{background-color:var(--secondary);border:none;font-weight:700;border-radius:8px;padding:.75rem;cursor:pointer}.lbtn,.login-text{color:var(--white)}.login-text{margin-bottom:.5rem;padding-left:8%}.forgot-text{color:var(--white);margin-top:.4rem;padding-right:8%;text-align:center}@media only screen and (max-width:720px){.forgot-text,.login-text{font-size:.8rem;padding-left:4%}.lsubs{display:none}}.sbtn{background-color:var(--secondary);color:var(--white);border:none;font-weight:700;width:90%;font-size:1.1rem;border-radius:8px;padding:.75rem;cursor:pointer}.signup-text{color:var(--white);margin-bottom:.5rem;padding-left:12%;margin-top:5rem}@media only screen and (max-width:720px){.signup-text{font-size:.8rem}}.momain-container{width:100vw;min-height:100vh;background-color:#ffc700}.orange-bars{display:flex;justify-content:space-between;margin-top:1rem}.table-container{width:100vw;margin-left:0}#mview{border:none;width:100%}#mview td{border:none;padding:8px;font-weight:500;font-size:1.2rem}#mview td,#mview th{color:#4720b9;text-align:center}#mview th{padding-top:12px;padding-bottom:12px;font-size:1.4rem}@media only screen and (max-width:720px){.table-container{color:#4720b9;margin-top:2rem;width:98vw;margin-left:1vw}#mview{border:none;width:100%}#mview td{border:none;padding:.3rem;white-space:normal;font-size:.68rem}#mview td,#mview th{color:#4720b9;text-align:center}#mview th{font-weight:900;padding-top:12px;padding-bottom:12px;font-size:.8rem}}.eimage{width:2.25rem}@media only screen and (max-width:720px){.eimage{width:1.55rem}}.container{padding:60px 0}.uhmain-container{width:100vw;min-height:100vh;background-color:#ffc700}.points-header{border-radius:0 5px 5px 0;font-size:1.25rem;color:#fff;background-color:#4720b9;width:8rem;padding:.2rem .2rem .2rem 2rem;margin-top:.5rem}@media only screen and (max-width:720px){.points-header{border-radius:0 5px 5px 0;font-size:1rem;color:#fff;background-color:#4720b9;width:6rem;padding:.2rem .2rem .2rem 1rem;font-weight:500;margin-top:.5rem}}.table-container{color:#4720b9;margin-top:3rem;width:90vw;margin-left:5vw}#tasks{border:none;width:100%}#tasks td{border:none;padding:8px;font-weight:500;font-size:1.2rem}#tasks td,#tasks th{color:#4720b9;text-align:center}#tasks th{padding-top:12px;padding-bottom:12px;font-size:1.4rem}@media only screen and (max-width:720px){.table-container{color:#4720b9;margin-top:2rem;width:98vw;margin-left:1vw}#tasks{border:none;width:100%}#tasks td{border:none;padding:.3rem;white-space:normal;font-size:.68rem}#tasks td,#tasks th{color:#4720b9;text-align:center}#tasks th{font-weight:900;padding-top:12px;padding-bottom:12px;font-size:.8rem}}.uicon{width:2.25rem}@media only screen and (max-width:720px){.uicon{width:1.55rem}}.container{display:flex;flex-direction:column;align-items:center;padding:50px 0}.fpbody-container{margin-top:3rem}.fpheader{background:var(--secondary);color:var(--white);padding:1rem;font-size:1.2rem;width:15vw;border-radius:0 10px 10px 0;text-align:center}@media only screen and (max-width:720px){.fpheader{background:var(--secondary);color:var(--white);padding:1rem;font-size:1rem;width:40vw}}.textfields{margin:2rem 2rem 2rem 25vw}.profile-body{margin-top:3rem}.profile-main{text-align:center;margin-top:1rem}@media only screen and (max-width:720px){.profile-body{margin-top:1rem}.profile-main{margin-top:3rem}}.profile-image{width:7rem}.profile-text{color:var(--tertiary)}.profile-name{font-size:1.5rem}.profile-table{margin-bottom:5rem}.profile-pass{background:var(--secondary);color:#fff;padding:.25rem 1rem;margin-top:.5rem;border:none;border-radius:5px;font-size:1rem}.table-header{color:var(--tertiary);font-size:1.5rem;font-weight:900;margin-top:5rem}#pro-task{border:none;width:100%}#pro-task td{border:none;padding:8px;font-weight:500}#pro-task td,#pro-task th{color:#4720b9;text-align:center;font-size:1.2rem}#pro-task th{padding-top:12px;padding-bottom:12px}@media only screen and (max-width:720px){#pro-task{border:none;width:100%}#pro-task td{border:none;padding:.3rem;white-space:normal;font-size:.68rem}#pro-task td,#pro-task th{color:#4720b9;text-align:center}#pro-task th{font-weight:900;padding-top:12px;padding-bottom:12px;font-size:.8rem}}
/*# sourceMappingURL=main.5b7bf4e9.chunk.css.map */