:root{--purple-600: hsl(246, 80%, 60%);--orange-300: hsl(15, 100%, 70%);--blue-300: hsl(195, 74%, 62%);--pink-400: hsl(348, 100%, 68%);--green-400: hsl(145, 58%, 55%);--purple-700: hsl(264, 64%, 52%);--yellow-300: hsl(43, 84%, 65%);--navy-950: hsl(226, 43%, 10%);--navy-900: hsl(235, 46%, 20%);--purple-500: hsl(235, 45%, 61%);--navy-200: hsl(236, 100%, 87%);--purple-800: hsl(234, 45%, 33%);--gray-100: hsl(237, 100%, 96%);--gray-50: hsl(0, 0%, 92%)}*,*::before,*::after{box-sizing:border-box}*{margin:0}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}body{font-family:"Rubik",sans-serif;font-optical-sizing:auto}h1{font-weight:400}body{padding:4rem 1.25rem;background:var(--navy-950)}@media(min-width: 43.75em){body{display:flex;align-items:center;justify-content:center;height:100vh}}.dashboard-container{display:grid;grid-template-columns:auto;gap:0.75rem}@media(min-width: 43.75em){.dashboard-container{grid-template-columns:1fr 3fr;gap:1.5rem;max-width:80vw}}@media(min-width: 43.75em){.col{display:grid;grid-template-rows:auto;gap:2rem}}.row{display:grid;grid-template-columns:auto;gap:0.75rem}@media(min-width: 43.75em){.row{grid-template-columns:1fr 1fr 1fr;gap:1.5rem}}.date-btn{font-size:0.9375rem;color:var(--gray-100);background:none;border:none;text-align:left;opacity:.6;cursor:pointer}.date-btn:hover{opacity:1}.date-btn.active{opacity:1}.card{display:flex;flex-direction:column;margin:1.75rem 0;gap:0.5rem;background:var(--navy-900);color:var(--gray-50);padding:1.5rem;border-radius:0.75rem;position:relative;cursor:pointer}@media(min-width: 43.75em){.card{margin-bottom:0}}.card:hover{background:var(--purple-800)}.card.user{margin-bottom:5.5rem;padding:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.card.user:hover{background:var(--navy-900)}@media(min-width: 43.75em){.card.user{margin:0;margin-top:-0.25rem;border-radius:0.75rem;min-height:25rem}}.card.user .profile-container{padding:2rem 1.5rem;background:var(--purple-600);border-radius:0.75rem;z-index:1;display:flex;align-items:center;gap:1.25rem}@media(min-width: 43.75em){.card.user .profile-container{flex-direction:column;align-items:start}}.card.user .profile-container .profile-pic{border-radius:50%;border:2px solid #fff;max-width:3.25rem}.card.user .profile-container .profile-info .tagline{font-size:0.875rem;color:var(--navy-200)}.card.user .profile-container .profile-info .username{font-size:1.75rem;color:var(--gray-100);margin-top:0.25rem}.card.user .date-tabs{position:absolute;bottom:-4rem;padding:1.5rem;left:0;background:var(--navy-900);display:flex;width:100%;justify-content:space-between;border-radius:0.75rem}@media(min-width: 43.75em){.card.user .date-tabs{flex-direction:column;gap:0.75rem;bottom:1.75rem}}.card .title-container,.card .time-container{display:flex;justify-content:space-between;align-items:center}.card .title-container .title{font-size:0.875rem;font-weight:500}.card .time-container .total-time{font-size:1.75rem;font-weight:300}@media(min-width: 43.75em){.card .time-container .total-time{font-size:2.625rem}}.card .time-container .previous-time{font-size:0.75rem;font-weight:400;color:var(--navy-200)}@media(min-width: 43.75em){.card .time-container{align-items:flex-start;flex-direction:column;gap:0.5rem}}.card .bg-image-container{position:absolute;display:flex;flex-direction:row-reverse;background:red;width:100%;left:0;top:-32px;border-radius:0.75rem;z-index:-100;overflow:hidden}.card .bg-image-container img{height:3.625rem;margin-right:1rem;margin-top:-0.5rem}.card .bg-image-container.work{background:var(--orange-300)}.card .bg-image-container.play{background:var(--blue-300)}.card .bg-image-container.study{background:var(--pink-400)}.card .bg-image-container.exercise{background:var(--green-400)}.card .bg-image-container.social{background:var(--purple-700)}.card .bg-image-container.self-care{background:var(--yellow-300)}/*# sourceMappingURL=main.css.map */