@import url(https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap);@import url(https://fonts.googleapis.com/css2?family=Pacifico&display=swap);:root{--user-lilac:#f1bdff;--user-green:#bfffd0;--user-blue:#9cbcff;--user-red:#ffa2a2;--user-yellow:#ffde9f;--font-body:Patrick Hand;--font-brand:pacifico;--background-color:#fff;--font-color:#000}body{background-color:#fff;color:#000;color:var(--font-color);font-family:Patrick Hand;font-family:var(--font-body);margin:0;min-height:100vh;transition:background-color .25s ease-in-out}[data-theme=dark]{--background-color:#151570;--font-color:#fff;.logoLarge path{fill:#fff;transition:fill .25s ease-in-out}}.input-field{font-family:inherit;font-size:large;text-align:center}.App{align-content:center;align-items:center;background-color:var(--background-color);color:var(--font-color);display:grid;grid-template-columns:1fr;grid-template-rows:100%;text-align:center;transition:background-color .25s ease-in-out,color .25s ease-in-out}nav{display:flex;flex-wrap:wrap;height:15vh;justify-content:space-around;padding-bottom:3vh;width:100%}.calendarlink,.leaderboardlink,.rewardslink,.tasklink{align-items:center;background-color:var(--user-blue);border-radius:10px;color:#fff;display:grid;grid-template-rows:5vh 10vh;height:15vh;justify-content:center;text-decoration:none;width:20vw}.navimg{height:9vh}.footer{background-image:linear-gradient(#fff,var(--user-blue));bottom:0;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;left:0;position:fixed;text-align:center}.footer,.header{height:6vh;width:100%}.header{align-content:center;background-image:linear-gradient(var(--user-blue),#fff);color:#1b3358;display:grid;font-family:var(--font-brand);grid-template-columns:1fr 1fr 1fr;justify-content:space-around;position:absolute;top:0}.signIn{align-self:center;font-family:var(--font-body)}.accountOptions{font-size:x-large}.ModalStyle{grid-gap:5px;grid-column-gap:10px;background-color:#faebd7;border:solid;border-radius:10px;column-gap:10px;grid-template-columns:1fr;justify-content:center;left:50%;padding:25px;top:50%;transform:translate(-50%,-50%)}.ModalStyle,.collapsible{display:grid;position:absolute}.collapsible{align-self:bottom;justify-self:end;margin-right:3vw;width:4vw}.accountBtn{background-color:var(--user-blue);border:none;cursor:pointer;font-family:var(--font-body)}.accountBtn:hover{border:2px solid var(--user-blue);scale:1.1}.accountOptions{cursor:pointer}.toggle-theme-wrapper{align-items:center;display:flex;flex-direction:row;gap:4px;justify-content:center}.toggle-theme-wrapper span{font-size:28px}.toggle-theme{display:inline-block;height:34px;position:relative;width:60px}.toggle-theme input{display:none}.slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.2s}.slider:before{background-color:#fff;bottom:4px;content:"";height:26px;left:4px;position:absolute;transition:.4s;width:26px}input:checked+.slider:before{transform:translateX(26px)}input:checked+.slider{background-color:#6495ed}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.login-button{background:#1de9b6;border:0;border-radius:3px;color:#000021;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;line-height:1.15;margin-right:1%;outline:none;padding:12px 24px}.top-page{margin-top:8vh}.netflix-container{display:grid;grid-row:1;grid-template-columns:auto auto;margin-bottom:8vh;margin-top:8vh;text-align:center}.indi-user-container{width:45vw}.login-button:hover{box-shadow:0 0 0 0 #fff,0 0 0 3px #1de9b6;transition:all .1s ease}.name-map-items{align-items:center;display:flex;grid-row:1;justify-content:center;margin:2%}.name-map-names{margin:0 2%}.delete-button{background:#b81616;border:0;border-radius:3px;color:#000021;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;line-height:1.15;outline:none;padding:12px 24px}.delete-button:hover{box-shadow:0 0 0 0 #fff,0 0 0 3px #b81616;transition:all .1s ease}.map-item-img{height:5em}.indi-user-container{margin-bottom:3vh}.create-new-user{background-color:var(--user-blue);border:1px solid #0000;border-radius:500px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:700;letter-spacing:2px;line-height:1;margin-bottom:1vh;min-width:160px;outline:none;padding:17px 48px;text-align:center;text-transform:uppercase;transition-duration:.3s;transition-property:background-color,border-color,color,box-shadow,filter;white-space:normal}.create-new-user:hover{background-color:#6b6be4;transform:scale(1.04)}.add-member-container{grid-column-gap:1vw;grid-row-gap:1vh;display:grid;grid-template-columns:auto auto auto}.admin-checkbox-container{align-items:center;display:flex;font-size:20px}.admin-checkbox-container-hide{font-size:20px;opacity:0}#adminCheckBox{height:20px;width:20px}#blue-option{background-color:var(--user-blue)}#lilac-option{background-color:var(--user-lilac)}#green-option{background-color:var(--user-green)}#yellow-option{background-color:var(--user-yellow)}#red-option{background-color:var(--user-red)}.input-field{background:#0000;background-color:#fff;border:0;border-radius:3px;box-shadow:inset 0 0 0 2px #abacaf;color:#000;font-size:16px;font-weight:400;line-height:1.4;transition:all .2s ease;width:100%}.input-field:focus{background:#fff;box-shadow:0 0 0 0 #fff inset,var(--user-blue) 0 0 0 3px;outline:0}.userContainer{grid-template-columns:25vw 25vw 25vw;grid-template-rows:100%;justify-self:center;margin-top:30vh}.Form,.userContainer{grid-gap:5px;align-content:center;display:grid}.Form{grid-template-columns:80%;justify-content:center;margin:20px}.logoLarge{align-self:center;max-width:20vw}.login,.register{border:solid var(--user-blue);border-radius:10px;display:grid}.formHeader{margin-bottom:0}.Btn{background-color:var(--user-blue);border:solid var(--user-blue);border-radius:10px;cursor:pointer;font-family:inherit;font-size:x-large;height:5vh;justify-self:center;transition:.2s;width:10vw}.Btn:hover{scale:1.1}.TaskContainer{align-content:center;align-self:center;border:2px solid var(--user-blue);border-radius:5px;display:center;font-family:var(--font-body);margin-left:30vw;margin-top:8vh;width:40vw}.addtask-btn:hover{background-color:#6b6be4;transform:scale(1.04)}.add-task-input-btn{background:linear-gradient(90deg,#5522fa,#0074e4);border:none;border-radius:50px;box-shadow:none;color:#fff;cursor:pointer;display:inline-block;font-size:22px;font-weight:400;height:50px;line-height:normal;outline:0;padding:9px 22px;text-align:center;transition:color .2s ease,background-color .2s ease,box-shadow .2s ease}.add-task-input-btn:hover{box-shadow:0 0 0 .15rem #5ceace;scale:1.1}.add-task{grid-column-gap:3vw;grid-row-gap:1vh;display:grid;grid-template-columns:auto auto auto}.add-task-center,.addtask-btn{text-align:center}.addtask-btn{background-color:var(--user-blue);border:1px solid #0000;border-radius:500px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:2px;line-height:1;margin-bottom:1vh;min-width:160px;outline:none;padding:17px 48px;text-transform:uppercase;transition-duration:.3s;transition-property:background-color,border-color,color,box-shadow,filter;white-space:normal}.TaskCard{background-color:var(--user-blue);border-radius:10px;flex-direction:column;height:40px;margin:2px}.TaskCard,.TaskCardInner{align-items:center;display:flex;justify-content:space-between}.TaskCardInner{height:100%;margin-left:3vw;margin-right:3vw;width:95%}.accept-task-btn{align-items:baseline;background:#40934f;border:2px solid #40934f;border-radius:6px;box-shadow:0 2px 4px 0 #00000012,0 1px 1.5px 0 #0000000d;color:#fff;cursor:pointer;display:flex;font-weight:bolder;justify-content:center;margin-right:1vw;outline:0;padding:6px}.accept-task-btn:hover{background-color:#fff;color:#000}.delete-btn-task{background:#ff4742;border:2px solid #ff4742;border-radius:6px;box-shadow:0 2px 4px 0 #00000012,0 1px 1.5px 0 #0000000d;color:#fff;cursor:pointer;font-weight:bolder;margin-right:1vw;outline:0;padding:6px}.delete-btn-task:hover{background-color:#fff;color:#000}.edit-btn-task{background:#ffd042;border:2px solid #ffd042;border-radius:6px;box-shadow:0 2px 4px 0 #00000012,0 1px 1.5px 0 #0000000d;color:#fff;cursor:pointer;font-weight:bolder;margin-right:1vw;outline:0;padding:6px}.edit-btn-task:hover{background-color:#fff;color:#000}.save-edit-btn-task{background:#ffd042;border:2px solid #ffd042;border-radius:6px;box-shadow:0 2px 4px 0 #00000012,0 1px 1.5px 0 #0000000d;color:#fff;cursor:pointer;font-weight:bolder;height:100%;margin-right:1vw;outline:0;padding:8px;width:100%}.save-edit-btn-task:hover{background-color:#fff;color:#000;scale:1.1}.ActiveTaskCard{border-radius:10px;flex-direction:column;height:40px;margin:2px}.ActiveTaskCard,.ActiveTaskCardInner{align-items:center;display:flex;justify-content:space-between}.ActiveTaskCardInner{height:100%;margin-left:3vw;margin-right:3vw;width:95%}.button-container{align-items:center;height:100%;width:50%}.complete-button-task{background:#20e91d;border:2px solid #20e91d;border-radius:8px;color:#fff;cursor:pointer;font-weight:bolder;margin-right:1vw;padding:6px}.complete-button-task:hover{scale:1.1;transition:all .1s ease}.recycle-button-task{background:#e9911d;border:2px solid #e9911d;border-radius:8px;color:#fff;cursor:pointer;font-weight:bolder;padding:6px}.recycle-button-task:hover{scale:1.1;transition:all .1s ease}.leaderboard{border:solid var(--user-blue);border-radius:10px;margin-left:30vw;margin-top:8vh;width:40vw}.leaderboardCard{align-items:center;border:solid #fff;border-radius:10px;display:flex;font-size:xx-large;height:10vh;justify-content:space-between;padding:0 10px}.avatar{max-height:10vh}.rewardWindow{justify-self:center;margin-top:8vh}.save-edit-btn-reward{background:#ffd042;border:2px solid #ffd042;border-radius:6px;box-shadow:0 2px 4px 0 #00000012,0 1px 1.5px 0 #0000000d;color:#fff;cursor:pointer;font-weight:bolder;height:50%;outline:0;padding:8px;width:50%}.save-edit-btn-reward:hover{background-color:#fff;color:#000;scale:1.1}.edit-reward,.editreward-container{align-items:center;display:flex;flex-direction:column}.input-reward{-webkit-appearance:none;appearance:none;background:#0000;background-color:#fff;border:0;border-radius:3px;box-shadow:inset 0 0 0 2px #abacaf;color:#000;font-size:16px;font-weight:400;height:40px;line-height:1.4;margin:10px;padding:9px 12px;position:relative;transition:all .2s ease;width:100%}.addreward-btn:hover{background-color:#6b6be4;transform:scale(1.04)}.add-reward-input-btn{background:linear-gradient(90deg,#5522fa,#0074e4);border:none;border-radius:50px;box-shadow:none;color:#fff;cursor:pointer;display:inline-block;font-size:22px;font-weight:400;height:50px;line-height:normal;outline:0;padding:9px 22px;text-align:center;transition:color .2s ease,background-color .2s ease,box-shadow .2s ease}.add-reward-input-btn:hover{box-shadow:0 0 0 .15rem #5ceace;scale:1.1}.add-reward{grid-column-gap:3vw;grid-row-gap:1vh;display:grid;grid-template-columns:auto auto auto}.add-reward-center{text-align:center}select{font:inherit}option{height:30px}.reward-card{align-items:center;border-radius:10px;display:flex;flex-direction:column;height:25%;margin:5px;width:100%}[gold-theme=gold]{background-color:gold}[silver-theme=silver]{background-color:silver}[bronze-theme=bronze]{background-color:#cd7f32}.reward-content{margin:1%}.medal{width:20%}.reward-buttons{margin:5px}.delete-btn-reward{background:#ff4742;border:2px solid #ff4742;border-radius:6px;box-shadow:0 2px 4px 0 #00000012,0 1px 1.5px 0 #0000000d;color:#fff;cursor:pointer;font-weight:bolder;height:80%;margin-right:1vw;outline:0;padding:8px;width:18%}.delete-btn-reward:hover{background-color:#fff;color:#000}.edit-btn-reward{background:#95e67d;border:2px solid #95e67d;border-radius:6px;box-shadow:0 2px 4px 0 #00000012,0 1px 1.5px 0 #0000000d;color:#fff;cursor:pointer;font-weight:bolder;height:80%;margin-right:1vw;outline:0;padding:8px;width:18%}.edit-btn-reward:hover{background-color:#fff;color:#000}.button-container{display:flex;justify-content:flex-end}
/*# sourceMappingURL=main.f1381ac8.css.map*/