@import url(https://fonts.googleapis.com/css?family=Poppins:400);nav{align-items:center;display:flex;flex-direction:row;height:10%;justify-content:space-around;width:100%}nav h2{border-radius:10px;flex-direction:column;font-family:Poppins,sans-serif;font-size:1.5rem;height:80%;margin-top:10px;padding:16px;width:40%}.present-date,nav h2{display:flex;justify-content:center}.present-date{align-items:center;flex-direction:row;height:100%;width:150px;width:30%}@media screen and (max-width:900px) and (min-width:300px){nav{flex-direction:column;height:20%;justify-content:center;margin-top:20px}nav,nav h2{align-items:center}nav h2{margin:0}.present-date,nav h2{width:100%}}.main{background:rgba(255,242,0,.2);background-size:contain;display:flex;flex-direction:column;height:100%;width:100%}aside{background-color:#fff;height:100%;width:6%}.menu-btn{flex-direction:column;height:100%;list-style-type:none;padding:0;width:100%}.menu-btn,.menu-btn li{align-items:center;display:flex}.menu-btn li{height:60px;justify-content:center;margin-top:20px;transition:background-color alternate 1s ease-in-out;width:80%}.menu-btn li:hover{background-color:#b6b7c0;border:2px solid #000;border-radius:10px}.menu-btn li img{height:60%;width:60%}.tasks-container::-webkit-scrollbar{visibility:hidden}.tasks-container{flex-direction:column;height:85%;margin-left:3%;margin-top:3%;overflow-y:scroll;scroll-behavior:smooth;width:85%}.tasks-container,a{align-items:center;display:flex}a{height:100%;justify-content:center;width:100%}#logo{border:2px solid #9e9e9e;border-radius:40%;margin-bottom:100%}#logo img{height:70%;width:70%}#logo:hover{background-color:transparent}@media screen and (max-width:900px) and (min-width:300px){aside{width:14%}#logo{margin-bottom:15px}}p{margin-bottom:1rem}h1,h2,h3,h4,h5{font-family:Poppins,sans-serif;font-weight:400;line-height:1.3}h1{font-size:1.383rem}h2{color:#0087ed;font-size:1.296rem}h3{font-size:1.215rem}h4{font-size:1.138rem}h5{font-size:1.067rem}.text_small,small{font-size:.937rem}.add-btn{align-items:center;display:flex;height:10%;justify-content:center;width:60%}.add-btn input{height:80%;padding-left:20px;width:80%}.add-btn button{background:rgba(206,214,221,.2);color:#0f0f0f;font-weight:700;height:80%;width:20%}.habits-list{display:flex;flex-direction:row;flex-wrap:wrap;height:auto;justify-content:center;list-style-type:none;overflow-y:scroll;padding:0;width:80%}.habits-list::-webkit-scrollbar{visibility:hidden}.habits-list li{align-items:center;background:#fff;border:2px solid gray;border-radius:5px;box-shadow:2px 3px 8px 1px #80808052;color:#000;display:flex;flex-direction:row;font-family:monospace;height:70px;margin-right:20px;margin-top:20px;width:35%}.habits-list li h1{align-items:center;display:flex;height:100%;justify-content:center;text-transform:capitalize;width:70%}.habits-list li button{background:#9a98c3;border:2px solid #fff;border-radius:7px;color:#fff;height:60%;width:25%}@media screen and (max-width:900px) and (min-width:300px){.habits-list{flex-direction:column;justify-content:center;margin-left:10%}.habits-list li{height:40px;width:100%}.habits-list li h1{font-size:15px;justify-content:flex-start;padding-left:10px}.add-btn{align-items:center;display:flex;height:40px;justify-content:space-between;width:100%}.add-btn button{font-size:9.25px;font-weight:400;height:80%;margin-left:20px;width:50%}.habits-list li button{font-size:12px;height:80%;width:25%}.main{align-items:center;width:86%}}.habit-container{background:#fff;border:none;box-shadow:2px 4px 7px 0 #80808036;height:200px;margin-top:20px}.habit-container,.week{display:flex;flex-direction:row;width:100%}.week{height:20%;margin-top:10px}.date{height:10%}.date,.status{display:flex;flex-direction:row;width:100%}.status{height:60%}.title{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;text-transform:capitalize;width:20%}.title h1,.title h2{display:flex;font-size:1rem;height:100%;justify-content:center;width:100%}.title h2{padding-top:10px}.col-container{flex-direction:row;list-style-type:none;width:90%}.col-container,.col-container li{align-items:center;display:flex;height:100%}.col-container li{justify-content:center;margin:0;padding:0;position:relative}.col-container li img{height:30%;width:30%}.col-container li:nth-child(7){background-color:rgba(255,255,0,.477)}.data-container{display:flex;flex-direction:column;height:100%;justify-content:center;width:80%}.toggle-btn{background-color:transparent;border:none;height:100%;position:absolute;width:100%}@media screen and (max-width:900px) and (min-width:300px){.tasks-container{align-items:flex-start;overflow-x:hidden}.title{border-right:.5px solid #000;width:30%}.title h1,.title h2{font-size:9px}.habit-container{background:#fff;border:none;box-shadow:2px 4px 7px 0 #80808036;height:200px;margin-top:20px}.data-container{overflow-x:scroll;width:70%}.date,.status,.week{width:1200px}.data-container::-webkit-scrollbar{visibility:hidden}.tasks-container{overflow-y:scroll}}*{margin:0;padding:0}*,body{height:100vh;width:100vw}#root{display:flex;flex-direction:row}
/*# sourceMappingURL=main.136cfdf0.css.map*/