#app{background-color:#040c3a;background-size:350%;height:100vh;width:100vw;margin:0}body{margin:0}.navbar{width:100vw;height:9vh;position:fixed;bottom:0;background-color:#000;color:#b4acbb;z-index:2}.navIcons{display:flex;justify-content:space-around;list-style-type:none;margin-top:1vh;text-align:center}.navLinks{text-decoration:none;color:#b4acbb}.navLinks:hover{color:#099ffe}@media only screen and (min-width: 800px){.navbar{display:flex;justify-content:center}.navIcon{padding-left:150px;padding-right:150px}}#Create{height:100%;padding-top:1vh}#planMaker{background-color:#fff;min-height:90%;width:100vw;margin:5% auto 0;padding-top:3vh;border-radius:5vw}#newAction{width:70vw;margin-left:5vw;padding-top:2vh;background-color:#fff;border:none;display:list-item;font-size:1.25rem}#newAction{outline:none}#newAction:active{border:none}.planName{margin-left:10vw;color:#fff}.line{width:90%}.toDoTasks{font-size:1.25rem;margin:5vw}.toDoTasks input{margin-right:3vw}@media only screen and (min-width: 800px){#planMaker{max-width:800px}#newAction{max-width:700px}.toDoTasks{margin:50px}.planName{margin-left:30vw}}.weekly-calendar{font-family:Arial,sans-serif;max-width:800px;margin:0 auto}.calendar-header{display:flex;justify-content:space-between;align-items:center;padding-top:1vh;margin-bottom:2vh;color:#fff;margin-left:5vw;margin-right:5vw}.calendar-body{background-color:#fff}.scheduledPlan{border-radius:2vw;width:90%;height:5vh;text-align:center;margin-bottom:.25vh;background-color:#fe4a7a;color:#fff;display:flex;justify-content:center;flex-direction:column;z-index:1;text-decoration:none}.scheduledPlan:hover{background-color:#ef295e}.nextprev{cursor:pointer}.dailyTask{display:flex;flex-direction:column;max-height:9vh;margin-top:2vh}.delete{border-radius:2vw;color:gray;width:40%;text-align:center;padding-left:1.65vh;padding-right:1.65vh;z-index:1;cursor:pointer}.delete:hover{color:#000}.week{display:flex;flex-direction:column}.day{height:11vh;border:.5px solid rgba(128,128,128,.245);display:grid;grid-template-columns:auto auto auto auto;border-radius:3vw;box-shadow:0 0 5px gray}.date{width:16vw;text-align:center;background-color:#fdc232;height:11vh;border-radius:3vw}.today{width:16vw;text-align:center;background-color:#099ffe;height:11vh;border-radius:3vw}.addDayPlan{font-size:2rem;height:5vh;margin-top:2vh;width:5vh;border-radius:1vw;border:none;cursor:pointer;background-color:#9146d5;color:#fff}.addDayPlanBox{z-index:2;background-color:#fff}@media only screen and (min-width: 800px){.date,.today{max-width:150px;border-radius:1vw}.delete{padding-left:3vw}.scheduledPlan,.day,.calendar-body{border-radius:1vw}}.SearchBar{background-color:#040c3a;color:#fff;width:90vw;margin-top:3vh;padding:1vh;border:.5px solid gray;border-radius:5px;font-size:1.25rem}.searchSection{text-align:center}#allPlans{height:90vh;width:100vw;background-color:#fff;margin:0 auto;border-radius:5vw}#newPlanBox{border:1px solid black;width:100vw;height:40vh;box-shadow:0 0 0 1000px #000000ac;border-radius:5vw;text-align:center;position:fixed;top:25vh;background-color:#fff}#newPlan{padding:3vw;width:78vw;align-self:center;background-color:#040c3a;margin-top:13vh;border-radius:2vw;font-size:1.25rem;text-align:center;color:#fff}.newPlanButtons{font-size:1.25rem;border:none;background-color:transparent;margin-top:2vh}.gray{color:#0000ff53}#cancelNewPlan{position:relative;left:-10vw;color:#00f;cursor:pointer}#addNewPlan{position:relative;left:10vw;cursor:pointer}#addPlan{position:fixed;bottom:13vh;right:13vw;width:70px;padding:0;height:70px;border-radius:50%;border:white;font-size:3rem;box-shadow:5px 3px 5px #b7a8c3;color:#fff;background-color:#9146d5;cursor:pointer}.deleteButton{background-color:red;color:#fff;border-radius:50%;height:6vw;width:6vw;border:none;font-size:2rem;margin-left:5vw;align-self:center;display:flex;justify-content:center;align-items:center;padding:0;font-size:20px;line-height:1;cursor:pointer}.editButton{margin-bottom:-5vh;border:none;color:#00f;font-size:1.25rem;background-color:transparent;position:relative;top:3vh;left:65vw;margin-bottom:3vh;cursor:pointer}.hr{width:85vw;margin-bottom:0;color:gray;margin-right:0}.eachPlansDiv{padding-top:1vh}.eachPlansDiv:active{background-color:gray}.eachPlansLine{display:flex}.planTitle{margin-left:10vw;color:#fff}.eachPlans{margin-left:5vw;font-size:1.25rem;list-style-type:circle;width:52vw;max-width:800px}.eachPlans:hover{color:#9146d5}li::marker{font-size:1.75rem}.plansLink{text-decoration:none;color:#000}.planExistWarning{color:red}.confirmDelete{text-align:center;background-color:#fff;box-shadow:0 0 0 1000px #000000ac;font-size:1.25rem;position:fixed;bottom:50vh;left:10vw;width:80vw;border-radius:5vw}.confirmButton{border:none;background-color:#fff;padding-top:1vh;padding-bottom:3vh;font-size:1.25rem}.cancelConfirm{padding-right:25vw;color:#00f;cursor:pointer}.yesConfirm{color:red;cursor:pointer}.scheduleIcon{position:absolute;right:10vw;cursor:pointer}.scheduleIcon:hover{color:#099ffe}.scheduleCalendar{width:100vw;position:absolute;bottom:25vh;background-color:#fff;box-shadow:0 0 0 1000px #000000ac}.scheduleCalendarTitle{display:flex;justify-content:space-between;margin-left:3vw;margin-right:3vw}.scheduleCalendarTitle button{border:none;background-color:transparent;color:#00f}@media only screen and (min-width: 800px){.SearchBar,#allPlans{max-width:800px}.planTitle{margin-left:30vw}.hr{width:750px}.editButton{position:relative;left:650px}#addPlan{position:fixed;left:60vw}.eachPlansLine{width:700px}.scheduleIcon{position:absolute;left:800px}.deleteButton{height:30px;width:30px;border-radius:50%}.plansLink{width:570px}.confirmDelete{width:800px;margin:0 auto;left:calc(50vw - 400px)}.scheduleCalendarTitle{width:700px}.scheduleCalendar,#newPlanBox{width:800px}#newPlan{max-width:700px;height:8px}.newPlanButtons{margin-top:3vh}}@media only screen and (min-width: 1300px){.scheduleIcon{position:absolute;left:1050px}}.react-calendar{width:100vw;max-width:110%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em;position:relative}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__navigation button[disabled]{background-color:#f0f0f0}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font-weight:700;font-size:.75em}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers{font-weight:700}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font-size:.75em;padding:1em calc(.5em / .75)}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;text-align:center;padding:.75em .5em;background:none}.react-calendar__tile:disabled{background-color:#f0f0f0}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.scheduled{position:absolute;background-color:#fff;border:1px solid black;box-shadow:0 0 0 1000px #000000ac;padding:2vw;width:60vw;text-align:center;left:18vw;bottom:10vh}.blue{color:#00f}@media only screen and (min-width: 800px){.react-calendar{width:800px}.scheduled{width:800px;left:0vw}}.accountBox{background-color:#fff;width:90vw;height:75vh;margin:0 auto;text-align:center;align-content:center;border-radius:5vw}#illustration{margin:0 auto;max-height:30vh}.accountPage{padding-top:5vh}.google{margin-left:20vw;margin-right:20vw;margin-bottom:18vh;display:flex;justify-content:center}.hidden{display:none}.warning{max-width:80vw;background-color:#fff;padding:2vw;box-shadow:0 0 0 1000px #000000ac;position:absolute;right:7vw;font-size:1.25em}.confirmNo{background-color:transparent;color:#00f;font-size:1.25rem;border:none;margin-right:4vh;margin-left:20vw;padding:1vh;cursor:pointer}.confirmYes{background-color:transparent;color:red;border:none;padding:1vh;cursor:pointer;font-size:1.25rem}.Settings{background-color:#fff;width:90vw;margin:0 auto;height:93vh;padding-left:2vw}.title{text-align:center;margin-left:34vw}.names label{color:#515050}.name{margin:0 0 2vh 3vw;padding:1vw;width:60vw}.save{margin-left:2.5vw;border:none;width:87vw;padding:1vw;border-radius:1vw;cursor:pointer}.save:hover{background-color:#099ffe}.heading{display:flex;align-items:center}.heading svg{color:#000}.moreSettings{display:flex;align-items:center;justify-content:space-between;margin-right:5vw}.socials{color:#000;display:inline;justify-content:space-around}.logOut{border:none;width:87vw;padding:2vw;margin:4vh auto;cursor:pointer;max-height:8px}.logOut:hover{background-color:#099ffe}.socials:hover{color:#099ffe}.icon-tabler-chevron-down{cursor:pointer}@media only screen and (min-width: 800px){.Settings{max-width:800px}.logOut{max-width:750px;max-height:10px}.name{max-width:300px;max-height:8px}.save{max-width:700px}.warning{max-width:800px;position:absolute;right:28vw}}