@import url("https://fonts.googleapis.com/css2?family=Shadows+Into+Light+Two&display=swap");@import url("https://fonts.googleapis.com/css2?family=Londrina+Outline&display=swap");@import url("https://fonts.googleapis.com/css2?family=Comic+Neue&display=swap");h1{font-family:"Londrina Outline",cursive;font-size:3.5em}h2,h3,h4,h5,h6,p{font-family:"Comic Neue",cursive;text-decoration:none}h3{color:#404040;font-size:2em}h4{color:#56dac2;font-size:1.3em;margin:20px 0 10px}p{color:#404040;margin:10px 0}p a{text-decoration:none;color:#56dac2}p a:hover{color:#f8a0a0}p a:active{color:#ccdb38}ul,li{font-family:"Comic Neue",cursive}.body-text p{font-size:1.1em}@media (min-width:900px){.body-text p{font-size:1.3em}}.body-text ul li{font-family:"Comic Neue",cursive;font-size:1.1em;color:#404040}@media (min-width:900px){.body-text ul li{font-size:1.3em}}.body-text ul li a{text-decoration:none;color:#56dac2}.body-text ul li a:hover{color:#ccdb38}.body-text ul li a:active{color:#fab8b8}.boards-text p{font-size:1.1em}@media (min-width:900px){.boards-text p{font-size:1.3em}}.boards-text ul li{font-family:"Comic Neue",cursive;font-size:1.1em;color:#404040}@media (min-width:900px){.boards-text ul li{font-size:1.3em}
}.boards-text ul li a{text-decoration:none;color:#56dac2}.boards-text ul li a:hover{color:#ccdb38}.boards-text ul li a:active{color:#fab8b8}header{background:#56dac2;padding:2.5%;border-top:solid #ccdb38 5px}header a{text-decoration:none}header a #headerText h1{color:#96e8d9;font-size:3em}@media (min-width:600px){header a #headerText h1{font-size:4em}}@media (min-width:1000px){header a #headerText h1{font-size:5em}}header a h3{color:#f9fbe9;font-size:.9em;font-weight:lighter}@media (min-width:1000px){header a h3{font-size:1.5em}}nav{background-color:#f8a0a0;font-size:1.4rem}nav ul{padding:0}nav li{font-family:"Comic Neue",cursive;display:none;justify-content:center}@media (min-width:900px){nav li{display:inline-flex;padding:0}}nav li:first-child{display:flex;justify-content:center}@media (min-width:900px){nav li:first-child{display:none}}nav li a{display:block;padding:1%}nav li a:link,nav li a:visited{color:#404040;text-decoration:none}nav li a:hover{background-color:#fab8b8}nav li a:active{background-color:#ccdb38}
@media (min-width:900px){nav li a{padding:5%;width:150px;margin:0}}nav .responsive li{display:block}@media (min-width:900px){nav .responsive li{display:inline-flex}}footer{background:#56dac2;width:100vw;text-align:center;font-size:1em;color:#fff;padding:5% 0;border-bottom:solid #ccdb38 5px}footer .narrow-return{display:block}@media (min-width:400px){footer .narrow-return{display:none}}footer a{color:#f9fbe9;text-decoration:underline}@media (min-width:600px){footer{font-size:1.1em;padding:2%}}@media (min-width:1000px){footer{font-size:1.2em}}.daily-section{width:80%;margin:10px auto;text-align:left;color:#fff}.daily-section h3{display:inline}.daily-section .main-controls{display:inline}.daily-section .main-controls li{display:inline;margin:0 20px;text-decoration:underline;color:#56dac2;cursor:pointer}.daily-section .main-controls li:hover{color:#f8a0a0}.list-columns{display:flex;flex-wrap:wrap;width:100%;margin:10px 0 0;min-height:500px}.list-columns .container{width:18%;min-width:250px;margin:0 auto 10px auto;border:solid #404040}
.list-columns .container .list-controls{display:flex;justify-content:space-evenly;background:#404040;padding:5px 0 10px;font-size:.7em}.list-columns .container .list-controls li{border:solid #fab8b8 1px;width:100px;padding:5px;text-align:center;color:#56dac2;cursor:pointer}.list-columns .container .list-controls li:hover{background-color:#f8a0a0;color:#404040}.list-columns .container .titleText{background:#404040;color:#ccdb38;font-family:"Comic Neue",cursive;font-size:24px;line-height:48px;text-align:center}.list-columns .container .titleText .title{text-align:center;font-family:"Comic Neue",cursive;font-size:20px;margin:5px 0;width:100%;padding:5px}.list-columns .container .to-do-item{font-family:"Comic Neue",cursive;width:100%;padding:5px}.list-columns .container .to-do-item:focus{background-color:#fff}.list-columns .container .todoListItems{display:block;list-style:none;margin:0;padding:0}.list-columns .container .todoListItems li{padding:5px;color:#404040;border:solid #404040 1px}
.list-columns .container .todoListItems li:hover span{width:30px;opacity:1;border-radius:100px}.list-columns .container .todoListItems li span{background-color:#fab8b8;height:30px;width:0;display:inline-block;margin:5px 20px 5px 5px;margin:5px;text-align:center;vertical-align:middle;padding:5px 1px 1px;color:#fff;transition:.3s linear;opacity:0}.list-columns .container .todoListItems li span:active{background-color:#f8a0a0}.crossOut{color:#404040;text-decoration:line-through;background-color:#737373}#motivation-section{width:80%;margin:10px auto;display:flex;align-content:bottom}#motivation-section p{font-size:16px;margin:14px 0 0 30px}#motivation-section #resetStars{cursor:pointer;font-family:"Comic Neue",cursive;color:#56dac2;text-decoration:underline}#motivation-section #resetStars:hover{color:#ccdb38}#motivation-section #resetStars:active{color:#fab8b8}#motUL{list-style-type:none;display:flex;flex-flow:row wrap;width:80%;margin:0 auto 30px auto}#motUL li{width:50px;height:50px;padding:0;margin:3px;border-radius:100%;background-color:#d3d3d3;color:#d3d3d3;font-size:44px;line-height:49px;font-weight:700;cursor:pointer;overflow:hidden}
#motUL .checkStar{background-color:#96e8d9;transition:all .5s ease;color:#fff}#motUL .checkStar:nth-child(odd){background:#56dac2}#motUL .checkStar:nth-child(3n){background:#ccdb38}.checkStar{background-color:#fff}#starCount{width:40px;height:30px;text-align:center;font-size:1em;color:#f8a0a0;font-family:"Comic Neue",cursive;border:solid #737373;border-radius:5px}#starCount:focus{background-color:#96e8d9}#planningPart{width:80%;margin:10px auto;text-align:left;color:#fff}#planningPart h3{display:inline}#planningPart .planning-controls{display:inline}#planningPart .planning-controls li{display:inline;margin:0 20px;text-decoration:underline;color:#56dac2;cursor:pointer}#planningPart .planning-controls li:hover{color:#f8a0a0}#planningPart .plan-input{margin:10px 0 0}#planningPart .plan-input #inputPlanContainer{width:100%;padding:10px 5px;background:#404040;overflow:hidden}#planningPart .plan-input #inputPlanContainer .inputPlanTitle{display:flex}#planningPart .plan-input #inputPlanContainer .inputPlanTitle .input-plan-title{width:100%;margin:0 0 10px;padding:0 10px;text-align:left;font-size:16px;line-height:20px;color:#404040;font-family:"Comic Neue",cursive}
#planningPart .plan-input #inputPlanContainer .input-plan-details{font-family:"Comic Neue",cursive;width:100%;padding:10px}#planningPart .plan-input #inputPlanContainer .input-plan-details:focus{background-color:#fff}#planningPart #submitPlan{width:100px;margin:10px auto;padding:10px;border:#404040 solid;background:#ccdb38;color:#404040;font-family:"Comic Neue",cursive;cursor:pointer}#planningPart #submitPlan:hover{background:#56dac2}#planningPart .plan-grid table,#planningPart .plan-grid th,#planningPart .plan-grid td{border:solid 1px #404040;border-collapse:collapse;font-family:"Comic Neue",cursive}#planningPart .plan-grid table{width:100%;margin:10px 0 0;border-radius:5px}#planningPart .plan-grid th{width:25%;max-width:200px;text-align:right;color:#fff;background:#404040;padding:5px 10px 5px 0;overflow:hidden}#planningPart .plan-grid td{color:#404040;padding:5px 0 0 5px}#planningPart .plan-grid .planDelete{float:left;font-weight:700;color:#f8a0a0;background:#404040;padding:0 10px;margin:0;height:20px;cursor:pointer;overflow:hidden}
#planningPart .plan-grid .planDelete:hover{color:#ccdb38}*{margin:0;padding:0;box-sizing:border-box;overflow-x:hidden}body{text-align:center}body section .front-hero-img{width:80%;margin:10px auto;overflow:hidden}body section .front-hero-img img{width:100%}body section .body-text{width:80%;margin:10px auto;padding-left:2%;text-align:left}