:root{--ff-sans: "Rubik", sans-serif;--clr-primary-blue: hsl(246, 80%, 60%);--clr-primary-light-orange: hsl(15, 100%, 70%);--clr-primary-soft-blue: hsl(195, 74%, 62%);--clr-primary-light-red: hsl(348, 100%, 68%);--clr-primary-lime-green: hsl(145, 58%, 55%);--clr-primary-violet: hsl(264, 64%, 52%);--clr-primary-soft-orange: hsl(43, 84%, 65%);--clr-neutral-very-dark-blue: hsl(226, 43%, 10%);--clr-neutral-dark-blue: hsl(235, 46%, 20%);--clr-neutral-desaturated-blue: hsl(235, 45%, 61%);--clr-neutral-pale-blue: hsl(236, 100%, 87%);--clr-white: hsl(0, 0%, 100%);--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fs-100: .625rem;--fs-200: .688rem;--fs-300: .75rem;--fs-400: .875rem;--fs-500: 1rem;--fs-600: 1.125rem;--fs-700: 1.5rem;--fs-800: 2.5rem;--fs-900: 3rem}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;list-style:none;border:none;outline:none}img,svg{display:block;max-width:100%}body{background:var(--clr-neutral-very-dark-blue);font-family:var(--ff-sans);color:var(--clr-white);line-height:1.25;font-size:var(--fs-600)}main{display:grid;height:100vh;width:100vw;place-items:center}@media screen and (min-width: 800px){main .wrapper{width:1100px;margin-inline:auto}}.layout-grid{--gap: 2rem;--br: .75rem;--padding: 2rem;display:grid;gap:var(--gap);padding-block:calc(var(--padding) * 2)}@media screen and (min-width: 800px){.layout-grid{grid-template-columns:repeat(4,1fr);grid-template-areas:"card-profile card-others card-others card-others";padding-block:unset}}.layout-grid>*{display:grid;gap:var(--gap);grid-auto-rows:1fr}@media screen and (min-width: 800px){.layout-grid .col-profile{grid-column:card-profile}.layout-grid .col-card-other{grid-column:card-others;grid-template-columns:repeat(3,1fr)}}.layout-grid .dashboard__card{border-radius:var(--br);background:var(--clr-neutral-dark-blue)}.layout-grid .dashboard__card.card__profile{padding-block-end:1.5rem}.layout-grid .dashboard__card .profile,.layout-grid .dashboard__card .time,.layout-grid .dashboard__card .card__content{padding-inline:var(--padding)}.layout-grid .dashboard__card .profile{display:flex;align-items:center;gap:1.5rem;background:var(--clr-primary-blue);border-radius:var(--br);padding-block:var(--padding);margin-block-end:1.5rem}@media screen and (min-width: 800px){.layout-grid .dashboard__card .profile{display:block;padding-block:var(--padding) calc(var(--padding) * 2.5)}}.layout-grid .dashboard__card .profile img{width:5rem;border-radius:50%;border:.25rem solid var(--clr-white)}.layout-grid .dashboard__card .profile label{display:block;margin-block-start:2rem;font-weight:var(--fw-light);color:var(--clr-neutral-pale-blue)}.layout-grid .dashboard__card .profile h2{font-weight:var(--fw-light);font-size:var(--fs-700)}@media screen and (min-width: 800px){.layout-grid .dashboard__card .profile h2{font-size:var(--fs-800)}}.layout-grid .dashboard__card .time ul{display:flex;justify-content:space-between}@media screen and (min-width: 800px){.layout-grid .dashboard__card .time ul{display:block}}.layout-grid .dashboard__card .time ul li{color:var(--clr-neutral-pale-blue);font-weight:var(--fw-light);transition:color .25s linear}@media screen and (min-width: 800px){.layout-grid .dashboard__card .time ul li{line-height:2.25}}.layout-grid .dashboard__card .time ul li.active,.layout-grid .dashboard__card .time ul li:hover{font-weight:var(--fw-regular);color:var(--clr-white);cursor:pointer}.layout-grid .dashboard__card.card__work{background:var(--clr-primary-light-orange)}.layout-grid .dashboard__card.card__exercise{background:var(--clr-primary-lime-green)}.layout-grid .dashboard__card.card__play{background:var(--clr-primary-soft-blue)}.layout-grid .dashboard__card.card__study{background:var(--clr-primary-light-red)}.layout-grid .dashboard__card.card__social{background:var(--clr-primary-violet)}.layout-grid .dashboard__card.card__selfcare{background:var(--clr-primary-soft-orange)}.layout-grid .dashboard__card .card__banner{overflow:hidden;height:4.25rem}.layout-grid .dashboard__card .card__banner img{margin-block-start:-.6rem;margin-inline:auto 1rem}.layout-grid .dashboard__card .card__banner img.no-margin-top{margin-top:0}.layout-grid .dashboard__card .card__content{border-radius:var(--br);background:var(--clr-neutral-dark-blue);margin-top:-1.5rem;position:relative;display:grid;padding-block:1rem;grid-auto-rows:1fr;transition:background .25s linear;cursor:default}@media screen and (min-width: 800px){.layout-grid .dashboard__card .card__content{gap:1rem}}.layout-grid .dashboard__card .card__content:hover{background:var(--clr-neutral-desaturated-blue)}.layout-grid .dashboard__card .card__content .card__header{display:flex;justify-content:space-between;align-items:center}.layout-grid .dashboard__card .card__content .card__header .card__title{font-size:var(--fs-500)}.layout-grid .dashboard__card .card__content .card__header .card__title+img{cursor:pointer}.layout-grid .dashboard__card .card__content h1{font-weight:var(--fw-light)}.layout-grid .dashboard__card .card__content p{font-weight:var(--fw-light);font-size:var(--fs-500)}