@font-face{font-family:Rubik;font-style:normal;font-weight:300;font-display:swap;src:url(/assets/rubik-300-CY-5y4jt.woff2)format("woff2")}@font-face{font-family:Rubik;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/rubik-300-CY-5y4jt.woff2)format("woff2")}@font-face{font-family:Rubik;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/rubik-300-CY-5y4jt.woff2)format("woff2")}:root{--clr-blue:#5847eb;--clr-light-orange:#ff8c66;--clr-soft-blue:#56c2e6;--clr-light-red:#ff5c7c;--clr-lime-green:#4acf81;--clr-violet:#7536d3;--clr-soft-orange:#f1c65b;--clr-very-dark-blue:#0f1424;--clr-dark-blue:#1c1f4a;--clr-desaturated-blue:#6f76c8;--clr-pale-blue:#bdc1ff;--clr-white:#fff;--fs-hxl:3.5rem;--fs-hl:2.5rem;--fs-hm:2rem;--fs-hs:1.5rem;--fs-hxs:1.25rem;--fs-m:1.125rem;--fs-s:1rem;--fs-xs:.938rem;--fw-300:300;--fw-400:400;--fw-500:500}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}img{max-width:100%;height:auto;display:block}button{cursor:pointer;background:0 0;border:none}.space{padding:1.8rem 1.875rem}body{background-color:var(--clr-very-dark-blue);font-family:Rubik,sans-serif;font-weight:var(--fw-400);color:var(--clr-pale-blue)}.wrapper{justify-content:center;min-height:100vh;display:flex}.container{grid-gap:1.875rem;grid-auto-flow:row;margin-top:4.75rem;display:grid}.user--card{background-color:var(--clr-dark-blue);border-radius:1rem;min-width:20.438rem}.user--info{background-color:var(--clr-blue);border-radius:1rem;align-items:center;gap:1rem;display:flex}.user--info img{border:.2rem solid var(--clr-white);border-radius:999px;width:4.5rem;animation:2s infinite pulse-white;box-shadow:0 0 #fff}@keyframes pulse-white{0%{transform:scale(.95);box-shadow:0 0 #ffffffb3}70%{transform:scale(1);box-shadow:0 0 0 10px #fff0}to{transform:scale(.95);box-shadow:0 0 #fff0}}.user--info img:hover{cursor:pointer;animation:none}.user--info p{font-size:var(--fs-xs)}.user--info h1{font-weight:var(--fw-300);color:var(--clr-white)}.user--time{justify-content:space-between;display:flex}.user--time button{font-size:var(--fs-m);color:var(--clr-pale-blue);text-align:left}.user--time>.active{color:var(--clr-white)}.category--card{border-radius:1rem 1rem 1.2rem 1.2rem;height:10rem;animation:.3s forwards myCard;position:relative}@keyframes myCard{0%{transform:scale(.5)}to{transform:scale(1)}}.category--img{overflow:hidden}.category--card img{margin-top:-.7rem;margin-left:auto;margin-right:1.05rem}.category--data{background-color:var(--clr-dark-blue);border-radius:1rem;width:100%;height:7.625rem;margin-top:2rem;position:absolute;bottom:0}.category--name{justify-content:space-between;display:flex}.category--name h2{font-size:var(--fs-m);font-weight:var(--fw-500);color:var(--clr-white)}.category--name svg{color:var(--clr-pale-blue)}.category--name svg:hover{color:var(--clr-white)}.category--time{justify-content:space-between;align-items:center;margin-top:.5rem;display:flex}.category--time h2{font-size:var(--fs-hm);font-weight:var(--fw-300);color:var(--clr-white)}@media (width>=50em){.user--card{min-width:40rem}}@media (width>=70em){.wrapper{align-items:center}.container{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(4,1fr);grid-template-areas:"user. . .""user. . .";width:min(69.375em,90%)}.user--card{grid-area:user;min-width:15.938rem;min-height:32.375rem}.user--info{flex-direction:column;align-items:flex-start;min-height:22.125rem;padding:2rem}.user--info img{width:5.25rem;margin:.1rem 0 0 -.2rem}.user--info section{padding-top:1.5rem}.user--info h1{font-size:var(--fs-hl);margin-top:.2rem}.user--time{flex-direction:column;min-height:10.25rem;padding:1.7rem 0 2rem 2rem}.category--card{min-height:15.25rem}.category--data{min-height:12.438rem}.category--time{flex-direction:column;align-items:flex-start;margin-top:0}.category--time h2{font-size:var(--fs-hxl);font-weight:var(--fw-300);margin-top:1.5rem}.category--time p{font-size:var(--fs-xs);margin-top:.5rem}}.work{background:var(--clr-light-orange)}.play{background:var(--clr-soft-blue)}.study{background:var(--clr-light-red)}.exercise{background:var(--clr-lime-green)}.social{background:var(--clr-violet)}.selfcare{background:var(--clr-soft-orange)}.category--card:nth-child(3) img{margin-top:-.35rem;margin-right:1.3rem}.category--card:nth-child(4) img{margin-top:-.45rem;margin-right:1.05rem}.category--card:nth-child(5) img{margin-top:-.1rem;margin-right:1.05rem}.category--card:nth-child(6) img{margin-top:-.95rem;margin-right:.8rem}.category--card:nth-child(7) img{margin-top:-.7rem;margin-right:.95rem}.footer{background:var(--clr-dark-blue);margin-top:5rem}.footer--attribution{text-align:center;color:var(--clr-white);opacity:.6;grid-column:1/-1;padding-block:1rem;font-size:.688rem}.footer--attribution a{color:var(--clr-white);opacity:1;text-decoration:underline}.sr-only{clip:rect(1px, 1px, 1px, 1px)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}body{background-image:radial-gradient(circle,#5847eb99 0%,#0f1424cc 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cg fill='%239C92AC' fill-opacity='0.06'%3E%3Cpath fill-rule='evenodd' d='M0 0h4v4H0V0zm4 4h4v4H4V4z'/%3E%3C/g%3E%3C/svg%3E")}