#app{width:100%;margin:auto;font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}body{background-image:url(https://effectiviology.com/wp-content/uploads/The-Benefits-of-Music-and-Background-Noise.jpg),linear-gradient(180deg,#ff9600,#ffc801);background-repeat:no-repeat;background-position:50%,50%;background-attachment:fixed;background-size:100%}p{font-size:1.5em;float:right;padding-right:15px;color:#fff}.task-link{font-size:1.3em;position:relative;padding-right:30px;float:right;font-weight:700;color:#7fa3c7}#nav{background-color:#310047;width:100%;padding:35px 0 35px 0;font-size:1.5em}#nav a{font-weight:700;color:#fff}#nav a.router-link-exact-active{color:#ff0}.fade-enter-from,.fade-leave-to{opacity:0}.fade-enter-active,.fade-leave-active{transition:opacity 1s ease-in-out}.slide-fade-leave-to{transform:translateX(150px);opacity:0}.slide-fade-enter-from{transform:translateX(-150px);opacity:0}.slide-fade-enter-active,.slide-fade-leave-active{transition:all 1s ease}.slide-up-enter-from{transform:translateY(10px);opacity:0}.slide-up-enter-active{transition:all 1s ease}.tasks[data-v-6a2e8166]{padding:5%}.card[data-v-6a2e8166]{border-radius:2%;display:flex;padding:2%;margin:auto;background-color:rgba(155,2,104,.5803921568627451);color:#fff}.tr[data-v-6a2e8166]{color:#fff;font-size:1.5em}.pagination[data-v-6a2e8166]{display:flex}.pagination a[data-v-6a2e8166]{flex:1;text-decoration:none;color:#fff}#prev[data-v-6a2e8166]{padding:1%;text-align:left}#next[data-v-6a2e8166]{padding:1%;text-align:right}.task-link[data-v-6a2e8166]{color:#fff;font-size:1.2em;margin-right:5%}.list-group-item[data-v-6a2e8166]:hover{border-radius:20px;transform:scale(1);padding-bottom:15%;padding-right:15%;margin-left:58%;box-shadow:10px 5px 10px 0;color:#320046}.list-group-item[data-v-6a2e8166]{width:150%;padding-bottom:15%;padding-right:15%;margin-left:60%;font-size:1.2em;background-size:90%;background-repeat:no-repeat;background-blend-mode:overlay;background-color:rgba(37,35,1,.4)}table.table[data-v-6a2e8166]{width:60%;margin-left:15%}table tr td.left[data-v-6a2e8166]{color:#ff0}#back[data-v-3e00759d]{position:relative;left:140px;top:30px}.container[data-v-3e00759d]{position:relative;top:150px;display:inline-block;max-width:40rem;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.26);padding:50px;background-color:#fff;margin-left:35%;text-align:center}h2[data-v-3e00759d]{color:#000}.text[data-v-3e00759d]{padding:10px;color:#000}.container[data-v-61743ca0]{padding-top:20px}.text-danger[data-v-61743ca0]{position:relative;padding:10px;left:190px}.headerText[data-v-61743ca0]{padding:10px;text-align:center;color:#fff;font-weight:700}form[data-v-61743ca0]{display:inline-block;max-width:40rem;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.26);padding:50px;background-color:#fff;margin-left:22%}label[data-v-61743ca0]{float:left;font-weight:bolder;width:500px;color:#000}.form-control[data-v-61743ca0]{position:relative;left:135px}button[data-v-61743ca0]{font:inherit;border:1px solid #0076bb;background-color:#0076bb;color:#fff;cursor:pointer;padding:.75rem 2rem;border-radius:30px;text-align:center;align-content:center;margin-left:14rem}#back[data-v-61743ca0]{position:relative;right:100px}#submit[data-v-61743ca0]{position:relative;left:50px;bottom:49px}button[data-v-61743ca0]:active,button[data-v-61743ca0]:hover{border-color:#002350;background-color:#002350}.container[data-v-51ed3cc9]{padding-top:20px}.text-danger[data-v-51ed3cc9]{position:relative;padding:10px;left:190px}.headerText[data-v-51ed3cc9]{padding:10px;text-align:center;color:#fff;font-weight:700}form[data-v-51ed3cc9]{display:inline-block;max-width:40rem;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.26);padding:50px;background-color:#fff;margin-left:22%}label[data-v-51ed3cc9]{float:left;font-weight:bolder;width:500px;color:#000}.form-control[data-v-51ed3cc9]{position:relative;left:135px}button[data-v-51ed3cc9]{font:inherit;border:1px solid #0076bb;background-color:#0076bb;color:#fff;cursor:pointer;padding:.75rem 2rem;border-radius:30px;text-align:center;align-content:center;margin-left:14rem}#back[data-v-51ed3cc9]{position:relative;right:100px}button[data-v-51ed3cc9]:active,button[data-v-51ed3cc9]:hover{border-color:#002350;background-color:#002350}#back[data-v-370d14af]{position:relative;left:120px;top:30px}#delete[data-v-370d14af]{position:relative;left:150px;top:30px}.container[data-v-370d14af]{position:relative;top:50px;display:inline-block;max-width:40rem;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.26);padding:50px;background-color:#fff;margin-left:35%;text-align:center}h2[data-v-370d14af]{color:#000}.text[data-v-370d14af]{padding:10px;color:#000}.task-details[data-v-79cbedfe]{border:2px solid #000;width:40%;margin:15px auto;padding:10px;color:#000;background-color:hsla(0,0%,100%,.699);box-shadow:0 0 10px #525252}.task-link[data-v-3bf23975]{text-decoration:none;color:#2c3e50}.list-group-item[data-v-3bf23975]:hover{transform:scale(1.01);box-shadow:0 3px 12px 0;margin:5px}.card[data-v-e04d45c2]{margin:auto}.card-header[data-v-e04d45c2]{font-size:2em}.vue-template[data-v-4631ff88]{margin-top:5%;background-color:rgba(93,75,117,.6)}.vue-template[data-v-ed5d307c]{margin-top:2%;background-color:rgba(93,75,117,.6)}.alert-color[data-v-ed5d307c]{border-color:red}*{box-sizing:border-box}.App,.vertical-center,.vue-template,html{width:100%;height:100%}.vertical-center{display:flex;text-align:left;justify-content:center;flex-direction:column}.inner-block{width:450px;margin:auto;background:#fff;box-shadow:0 14px 80px rgba(34,35,58,.2);padding:40px 55px 45px 55px;border-radius:15px;transition:all .3s}.vertical-center .form-control:focus{border-color:#f1cf0c;box-shadow:none}.vertical-center h3{text-align:center;margin:0;line-height:1;padding-bottom:20px}h3{font-size:1.7em;color:#f8f7b3;font-family:cursive;text-decoration:underline overline}label{font-size:1.25em;color:#fff;font-family:Verdana,Geneva,Tahoma,sans-serif}