@media screen and (min-width: 950px){.create-account-page{position:relative;height:100vh;width:100vw;overflow:hidden;text-align:center}.create-account-form{height:50%;width:50%;position:absolute;top:25%;left:25%}.create-account-form__name{position:absolute;top:30%;left:25%;width:50%;font-size:20px}.create-account-form__password{position:absolute;top:40%;left:25%;width:50%;font-size:20px}.create-account-form button{position:absolute;top:50%;left:25%;width:50%;font-size:20px}.create-account-page a{position:absolute;top:55%;left:39%;width:22%;font-size:20px}}@media screen and (min-width: 950px){.homepage-container{position:relative;height:100vh;width:100vw;overflow:hidden}}@media screen and (min-width: 950px){.calender__container{height:95%;width:75%;position:relative;margin-left:25%;padding-left:5px;overflow:hidden}.calender__header{margin-left:5%;margin-top:2%;width:90%;height:6%;border:solid;border-top-left-radius:10px;border-top-right-radius:10px}.calender__header .prev-month--button{margin-left:35%}.calender__header button{width:10%}.calender__header label{width:10%;text-align:center}.calender__header ul{height:50%;display:flex;list-style-type:none}.calender__header li{border:solid;width:14%;height:100%}.calender__dates-container{margin-left:5%;width:90%;height:85%;border:solid}.calender__dates-container ul{height:20%;display:flex;list-style-type:none}.calender__dates-container li{border:solid;width:14%;height:100%}.calender__dates-container li .delete-task--button{height:100%}.calender__dates-container li .form{position:relative}.calender__dates-container .form .form__time{height:20px;width:25%}.calender__dates-container .form .form__name{height:20px;width:70%}.calender__dates-container .form .form__project{height:20px;width:100%}.calender__dates-container .form .form__description{height:50px;width:100%}.calender__dates-container .null{pointer-events:none;background-color:grey}}@media screen and (min-width: 950px){.dashboard-container{height:95%;width:75%;position:absolute;top:5%;left:25%;padding-left:5px}.dashboard-container .dailytimetable-container{position:relative;height:100%;width:50%;overflow-y:auto;overflow-x:hidden;scroll-behavior:auto}.form .form__time{height:20px;width:25%}.form .form__name{height:20px;width:70%}.form .form__project{height:20px;width:100%}.form .form__description{height:50px;width:100%}.dashboard-container .othertasks-container{height:100%;width:49%;overflow-x:hidden;overflow-y:auto;position:absolute;top:0;left:50%;padding-left:5px}}@media screen and (min-width: 950px){.project-task{position:relative;border-bottom:solid}.project-task input{border-style:none;height:25px}.project-task .task__name{width:80%}.project-task .task__priority{width:10%;text-align:center}.project-task textarea{width:90%}.project-task .task__delete--button{height:auto;width:8%;border-radius:5px}}@media screen and (min-width: 950px){.project__container{height:95%;width:75%;position:absolute;top:5%;left:25%}.project__container .project__header{height:10%;padding-left:5px;border-bottom:solid}.project__container .project__header .project__show-settings--button{position:absolute;top:0%;right:0px;border:none;height:10%;background:inherit}.project__container .project__header .project__show-settings--button img{height:100%}.project__container .project__header .project__settings{visibility:hidden;position:absolute;top:10%;right:0%;z-index:1000;width:10%}.project__container .project__header .project__settings button{width:100%}.project__container .project__description{height:90%;width:49%;position:absolute;top:10%;background-color:inherit;border-style:none;padding-top:5px;padding-left:5px;padding-right:5px}.project__task-container{height:90%;width:50%;overflow-x:hidden;overflow-y:auto;position:absolute;top:10%;left:50%;border-style:solid;padding-left:5px}.project__task-container .form{height:70px}.project__task-container .form .form__name{height:20px;width:85%}.project__task-container .form .form__priority{height:20px;width:10%;position:absolute}.project__task-container .form .form__description{height:50px;width:100%}}@media screen and (min-width: 950px){.scheduled-task{position:relative;border-top:solid;width:100%}.scheduled-task input{border-style:none;height:25px}.scheduled-task .task__time{width:15%;background-color:inherit}.scheduled-task .task__label{width:100%}.scheduled-task .task__label .task__move--img{width:3%}.scheduled-task .task__name{max-width:55%;min-width:40%}.scheduled-task .task__on-calender{width:5%;position:absolute;right:23%}.scheduled-task .task__on-calender--label{width:5%;position:absolute;right:18%}.scheduled-task .task__on-calender--label img{width:100%}.scheduled-task .task__priority{width:10%;text-align:center;position:absolute;right:8%}.scheduled-task .task__delete--button{height:auto;width:8%;border-radius:5px;position:absolute;right:0%}.scheduled-task textarea{width:100%;background-color:inherit}}@media screen and (min-width: 950px){.sidebar-container{height:95%;width:25%;position:absolute;top:5%;border-right:solid}.sidebar-container .projects-container{height:80%;width:100%;text-align:center}.sidebar-container .projects-container button{height:6%;width:100%;font-size:15px}.sidebar-container .projects-container button:hover{opacity:0.8}}@media screen and (min-width: 950px){.topbar-container{position:relative;height:4.8%;width:100%;border-bottom:solid;background-color:inherit}.topbar-container button{height:100%;border:none;background-color:inherit}.topbar-container button img{height:100%}.topbar-container .user-component{position:absolute;top:0%;right:0%;height:100%;display:flex}.topbar-container .tutorial--button{margin-top:2.5%;position:relative;height:30px;width:30px;border:solid;border-radius:15px;font-size:20px}.topbar-container .account-name__label{position:relative;margin:5px}.topbar-container .show-menu--button{border:none;padding:10px;background-color:inherit}.topbar-container .show-menu--button:hover{opacity:0.8;cursor:pointer}.topbar-container .show-menu--button img{height:100%}.topbar-container .user-menu{visibility:hidden;position:absolute;top:100%;right:0%;z-index:1000;width:100%}.topbar-container .user-menu button{width:100%}.topbar-container .user-menu button:hover{opacity:0.8}}@media screen and (min-width: 950px){.unscheduled-task{position:relative;border-top:solid;width:100%}.unscheduled-task input{border-style:none;height:25px}.unscheduled-task .task__label{width:100%}.unscheduled-task .task__label .task__move--img{width:3%}.unscheduled-task .task__name{max-width:80%;min-width:70%}.unscheduled-task .task__priority{width:10%;text-align:center;position:absolute;right:8%}.unscheduled-task textarea{width:100%}.unscheduled-task .task__delete--button{width:8%;border-radius:5px;position:absolute;right:0%}}@media screen and (min-width: 950px){.log-in-page{position:relative;height:100vh;width:100vw;overflow:hidden;text-align:center}.log-in-form{height:50%;width:50%;position:absolute;top:25%;left:25%}.log-in-form__name{position:absolute;top:30%;left:25%;width:50%;font-size:20px}.log-in-form__password{position:absolute;top:40%;left:25%;width:50%;font-size:20px}.log-in-form button{position:absolute;top:50%;left:25%;width:50%;font-size:20px}.log-in-page a{position:absolute;top:55%;left:39%;width:22%;font-size:20px}}@media screen and (min-width: 950px){.tutorial-page{height:100vh;width:100vw}.tutorial-page .topbar-container{height:5%;width:100%;border-bottom:solid;overflow:hidden}.tutorial-page .topbar-container button{height:100%;width:33%;text-align:center}.tutorial-page img{height:95%;position:absolute;top:5%;overflow:scroll}}@media screen and (max-width: 950px){.create-account-page{height:100vh;width:100vw;text-align:center}.create-account-form{height:80%;width:80%;position:absolute;top:10%;left:10%}.create-account-form__name{position:absolute;top:10%;left:5%;height:10%;width:90%}.create-account-form__password{position:absolute;top:20%;left:5%;height:10%;width:90%}.create-account-form button{position:absolute;top:40%;left:5%;height:10%;width:90%}.create-account-page a{position:absolute;top:55%;left:10%;height:10%;width:80%}}@media screen and (max-width: 950px){.homepage-container{height:100vh;width:100vw}}@media screen and (max-width: 950px){.dashboard-container{height:95%;width:100%;position:absolute;top:5%}.dashboard-container .dailytimetable-container{height:100%;width:100%;overflow-x:hidden;overflow-y:scroll}.form .form__time{height:20px;width:25%}.form .form__name{height:20px;width:70%}.form .form__project{height:20px;width:100%}.form .form__description{height:50px;width:100%}.dashboard-container .othertasks-container{position:relative;height:100%;width:100%;overflow-x:hidden;overflow-y:scroll}}@media screen and (max-width: 950px){.project-task{position:relative;border-top:solid}.project-task input{border-style:none;height:25px}.project-task .task__name{width:80%}.project-task .task__priority{width:10%;text-align:center}.project-task textarea{width:90%}.project-task .task__delete--button{height:auto;width:8%;border-radius:5px}}@media screen and (max-width: 950px){.project__container{height:95%;width:100%;position:absolute;top:5%}.project__container .project__header{height:10%;padding-left:5px;border-bottom:solid}.project__container .project__header .project__show-settings--button{position:absolute;top:0%;right:0px;border:none;height:10%;background:inherit}.project__container .project__header .project__show-settings--button img{height:100%}.project__container .project__header .project__settings{visibility:hidden;position:absolute;top:10%;right:0%;z-index:1000;width:10%}.project__container .project__header .project__settings button{width:100%}.project__container .project__description{height:50%;width:100%;overflow-x:hidden;overflow-y:scroll;background-color:inherit;border-style:none;padding-top:5px;padding-left:5px;padding-right:5px}.project__task-container{height:50%;width:100%;position:absolute;top:50%;overflow-x:hidden;overflow-y:scroll;border-style:solid;padding-left:5px}.project__task-container .form{height:70px}.project__task-container .form .form__name{height:20px;width:85%}.project__task-container .form .form__priority{height:20px;width:10%;position:absolute}.project__task-container .form .form__description{height:50px;width:100%}}@media screen and (max-width: 950px){.scheduled-task{position:relative;border-top:solid;width:100%}.scheduled-task input{border-style:none;height:25px}.scheduled-task .task__time{width:15%;background-color:inherit}.scheduled-task .task__label{width:65%}.scheduled-task .task__label .task__move--img{width:3%}.scheduled-task .task__name{max-width:55%;min-width:50%}.scheduled-task .task__on-calender{width:5%;position:absolute;right:23%}.scheduled-task .task__on-calender--label{width:5%;position:absolute;right:18%}.scheduled-task .task__on-calender--label img{width:100%}.scheduled-task .task__priority{width:10%;text-align:center;position:absolute;right:8%}.scheduled-task textarea{width:100%;background-color:inherit}.scheduled-task .task__delete--button{height:auto;width:8%;border-radius:5px;position:absolute;right:0%}}@media screen and (max-width: 950px){.sidebar-container{height:95%;width:100%;position:absolute;top:5%;visibility:hidden}.sidebar-container .projects-container{height:100%;width:100%;text-align:center}.sidebar-container .projects-container button{height:10%;width:100%;font-size:15px}.sidebar-container .projects-container button:hover{opacity:0.8}}@media screen and (max-width: 950px){.topbar-container{position:relative;height:5%;width:100%;border-bottom:solid;background-color:inherit}.topbar-container button{height:100%;border:none;background-color:inherit}.topbar-container button img{height:100%}.topbar-container .user-component{position:absolute;top:0%;right:0%;height:100%;display:flex}.topbar-container .tutorial--button{margin-top:2.5%;position:relative;height:30px;width:30px;border-radius:15px;font-size:20px}.topbar-container .account-name__label{position:relative;margin:5px}.topbar-container .show-menu--button{border:none;padding:10px;background-color:inherit}.topbar-container .show-menu--button:hover{opacity:0.8;cursor:pointer}.topbar-container .show-menu--button img{height:100%}.topbar-container .user-menu{visibility:hidden;position:absolute;top:100%;right:0%;z-index:1000;width:100%}.topbar-container .user-menu button{width:100%}.topbar-container .user-menu button:hover{opacity:0.8}}@media screen and (max-width: 950px){.unscheduled-task{position:relative;border-top:solid;width:100%}.unscheduled-task input{border-style:none;height:25px}.unscheduled-task .task__label{width:100%}.unscheduled-task .task__label .task__move--img{width:3%}.unscheduled-task .task__name{max-width:80%;min-width:70%}.unscheduled-task .task__priority{width:10%;text-align:center;position:absolute;right:8%}.unscheduled-task textarea{width:100%}.unscheduled-task .task__delete--button{height:auto;width:8%;border-radius:5px;position:absolute;right:0%}}@media screen and (max-width: 950px){.log-in-page{position:relative;height:100vh;width:100vw;overflow:hidden;text-align:center}.log-in-form{height:80%;width:80%;position:absolute;top:10%;left:10%}.log-in-form__name{position:absolute;top:10%;left:5%;height:10%;width:90%}.log-in-form__password{position:absolute;top:20%;left:5%;height:10%;width:90%}.log-in-form button{position:absolute;top:40%;left:5%;height:10%;width:90%}.log-in-page a{position:absolute;top:55%;left:10%;height:10%;width:80%}}*{margin:0px;padding:0px;user-select:none}body{height:100vh;width:100vw}