@import url(https://fonts.googleapis.com/css?family=Josefin+Sans);:root{--background-image:url(/static/media/bg-desktop-dark.73e47dbb723ebc772ef0.jpg);--font:"Josefin Sans",sans-serif;--backgroundColor-page:#161722;--backgroundColor-task:#25273c;--font-color:#cacde8;--very-dark-grey:#393a4c;--dark-grey:#4d5066;--button-hover:#e4e5f1;--active-button:#3a7bfd;--taskItem-border:#393a4c;--taskFilter-color:#4d5066;--cross-color:#4d5066}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#161722;background-color:var(--backgroundColor-page);font-family:Josefin Sans,sans-serif;font-family:var(--font);font-weight:500}.page-content{align-items:center;display:flex;flex-direction:column}.page-content .header-page{background-image:url(/static/media/bg-desktop-dark.73e47dbb723ebc772ef0.jpg);background-image:var(--background-image);background-position:0 0;background-repeat:no-repeat;background-size:cover;display:flex;height:300px;justify-content:center;width:100%}.page-content .header-page .header-content{display:flex;flex-direction:column;justify-content:center}.page-content .header-page .header-content .wrapper{color:#fff;display:flex;justify-content:space-between;letter-spacing:10px;margin:30px 0;width:500px}.page-content .main-page{bottom:40px;position:relative}.page-content .footer-page span{color:#4d5066;color:var(--taskFilter-color);font-weight:700}.addTask-content{align-items:center;border-radius:5px;box-shadow:0 5px 10px 0 rgba(0,0,0,.25);display:flex;height:60px;width:500px}.addTask-content,.addTask-content input{background-color:#25273c;background-color:var(--backgroundColor-task)}.addTask-content input{border:0;color:#cacde8;color:var(--font-color);font-family:Josefin Sans,sans-serif;font-family:var(--font);font-size:15px;height:30px}.addTask-content input::-webkit-input-placeholder{color:#777a92}.addTask-content input::placeholder{color:#777a92}.addTask-content input:focus{outline:0}.toggleButton{background-color:#25273c;background-color:var(--backgroundColor-task);border:1px solid #4d5066;border:1px solid var(--dark-grey);border-radius:20px;height:30px;margin:10px;width:30px}.toggleButton:hover{cursor:pointer}.checkButton{background:linear-gradient(140deg,#57ddff,#c058f3);color:#fff}.taskList-content{background-color:#25273c;background-color:var(--backgroundColor-task);border-radius:5px;box-shadow:0 5px 10px 0 rgba(0,0,0,.25);height:auto;width:500px}.taskList-content li{list-style:none}.taskItem-content{background-color:#25273c;background-color:var(--backgroundColor-task);border-bottom:1px solid #393a4c;border-bottom:1px solid var(--taskItem-border);display:flex;height:60px;justify-content:space-between;width:500px}.taskItem-content .wrapper{align-items:center;display:flex}.taskItem-content .wrapper span{background-color:#25273c;background-color:var(--backgroundColor-task);color:#cacde8;color:var(--font-color);font-family:Josefin Sans,sans-serif;font-family:var(--font);font-size:15px}.taskItem-content .wrapper .task-complete{color:#4d5066;color:var(--dark-grey);text-decoration:line-through}.taskItem-content .button-delete{display:flex;justify-content:center}.taskItem-content .button-delete button{background-color:transparent;border:none}.taskItem-content .button-delete button i{color:#4d5066;color:var(--cross-color);margin:20px}.taskItem-content .button-delete button:hover,.taskItem-content:hover{cursor:pointer}.taskFilter-content{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:15px}.taskFilter-content .active-button,.taskFilter-content .active-button:hover{color:#3a7bfd;color:var(--active-button)}.taskFilter-content button,.taskFilter-content span{color:#4d5066;color:var(--taskFilter-color)}.taskFilter-content button{background-color:#25273c;background-color:var(--backgroundColor-task);border:0;font-weight:700}.taskFilter-content button:hover{color:#e4e5f1;color:var(--button-hover);cursor:pointer}.taskFilter-content ul{display:flex;flex-direction:row}.taskFilter-content li{color:#393a4c;color:var(--very-dark-grey);list-style:none;padding:5px}.taskFilter-content li button{font-weight:1000}.theme-button{background-color:transparent;border:none;color:#fff}.theme-button:hover{cursor:pointer}
/*# sourceMappingURL=main.fe2792b3.css.map*/