@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Righteous&display=swap);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{background-color:#f0f0f0;font-family:Roboto,sans-serif}.habits-page .card{border-radius:10px;cursor:pointer;overflow:hidden;position:relative;transition:transform .3s,filter .3s}.habits-page .card-img{height:100%;object-fit:cover;width:100%}.card:hover{transform:scale(1.05)}.hover-overlay{align-items:center;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s;width:100%}.card:hover .hover-overlay{opacity:1}.card.active{border:2px solid green;filter:brightness(70%) grayscale(50%);transform:scale(1.05)}.card.active .gradient-overlay{background:linear-gradient(180deg,#0000004d,#000000b3);height:100%;left:0;opacity:1;position:absolute;top:0;width:100%;z-index:1}.card.active .tick-overlay{align-items:center;color:green;display:flex;font-size:3rem;height:100%;justify-content:center;position:absolute;width:100%;z-index:2}.main-container{display:flex;flex-direction:column;height:100vh}.cards{display:flex;flex-grow:1;flex-wrap:wrap;gap:12px;justify-content:space-evenly;padding:0 16px 12px;width:100%}.text-date{font-family:Righteous,sans-serif;font-size:24px}.cards .card{flex-basis:calc(33.33% - 12px);flex-grow:1;flex-shrink:1;height:340px}@media (max-width:1024px){.cards .card{flex-basis:calc(50% - 12px);flex-grow:1;flex-shrink:1}}@media (max-width:480px){.cards .card{flex:1 1 100%}}body,html{height:100%;margin:0}.container{height:100vh;padding:0}.row{margin:0}.row:first-child{height:40%}.row:last-child{height:60%}.col{align-items:center;display:flex;justify-content:center;padding:0}.bi.bi-pen,.bi.bi-trash{font-size:18px}.top-navigation{background-color:#2c3e50;color:#f08080;font-family:Righteous,sans-serif}.bi.bi-award-fill{font-size:32px}.profile-container{align-items:center;display:flex;justify-content:center}.profile-container img{border-radius:50%;height:32px;object-fit:cover;width:32px}.profile-container button{align-items:center;background-color:#f08080;border:2px solid #0000;border-radius:25px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;padding:8px 16px;text-transform:uppercase;transition:background-color .3s ease,box-shadow .3s ease}.profile-container button:hover{background-color:#f08080;border-color:#0000;box-shadow:0 4px 8px #0000001a}.profile-container button:active{background-color:#f08080;box-shadow:0 2px 4px #0003}.profile-container button:focus{box-shadow:0 0 8px #007bff80;outline:none}.profile-container button i{font-size:1.2rem;margin-right:8px;transition:transform .2s ease}.profile-container button:hover i{transform:translateX(4px)}.sidebar{align-items:center;background-color:#2c3e50;box-shadow:2px 0 5px #0000001a;flex-direction:column;padding-top:20px}.sidebar ul{list-style-type:none;margin:0;padding:0;width:100%}.sidebar ul li{margin-bottom:20px;text-transform:uppercase;width:100%}.sidebar ul li a{border-radius:5px;color:#ecf0f1;display:block;padding:15px 20px;text-align:center;text-decoration:none;transition:background-color .3s ease}.sidebar ul li a:hover{background-color:#34495e}.sidebar ul li a.active{background-color:#1abc9c;font-weight:700}.mainPage{min-height:100vh}.sidebar{background-color:#f08080;height:100vh;overflow-y:auto;width:30%}.content{height:95vh;overflow-y:auto;width:70%}
/*# sourceMappingURL=main.895f2e12.css.map*/