:root{--primary-blue: hsl(246, 80%, 60%);--primary-red-1: hsl(15, 100%, 70%);--primary-red-2: hsl(348, 100%, 68%);--primary-soft-blue: hsl(195, 74%, 62%);--primary-lime-green: hsl(145, 58%, 55%);--primary-violet: hsl(264, 64%, 52%);--primary-soft-orange: hsl(43, 84%, 65%);--very-dark-blue: hsl(226, 43%, 10%);--dark-blue: hsl(235, 46%, 20%);--desaturated-blue: hsl(235, 45%, 61%);--pale-blue: hsl(236, 100%, 87%)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%}body{font-family:Rubik,sans-serif;font-size:1.6rem;line-height:1.5;font-weight:300}#root{display:flex;align-items:center;height:100vh;background-color:var(--very-dark-blue)}.container{max-width:120rem;margin:0 auto;padding:0 2.4rem}.dashboard{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:2.4rem}.user-card{grid-row:1/-1;background-color:var(--dark-blue);border-radius:15px}.user-info{display:flex;flex-direction:column;gap:3.2rem;padding:3.2rem;background-color:#5746ea;border-radius:15px}.user-info__photo{width:8.6rem;border-radius:50%;border:3px solid #fff}.user-info span{font-size:1.6rem;color:var(--pale-blue)}.user-info__name{font-size:3.6rem;color:#fff;line-height:1.3}.menu{list-style:none;display:flex;flex-direction:column;gap:1.6rem;padding:3.2rem}.menu__link:link,.menu__link:visited{font-size:2rem;color:var(--pale-blue);text-decoration:none;transition:color .3s}.menu__link:hover{color:#fff}.menu__link--active{color:#fff!important}.time-card{border-radius:15px;position:relative;overflow:hidden;z-index:2}.time-card__icon{position:absolute;top:-8px;right:11px;z-index:1}.time-card--work{background-color:var(--primary-red-1)}.time-card--play{background-color:var(--primary-soft-blue)}.time-card--study{background-color:var(--primary-red-2)}.time-card--exercise{background-color:var(--primary-lime-green)}.time-card--social{background-color:var(--primary-violet)}.time-card--self-care{background-color:var(--primary-soft-orange)}.stats{margin-top:4.8rem;padding:3.2rem;background-color:var(--dark-blue);border-radius:15px;position:relative;z-index:3;transition:background-color .3s}.stats:hover{cursor:pointer;background-color:var(--desaturated-blue)}.title-box{display:flex;justify-content:space-between;align-items:center}.stats__title{font-size:2rem;font-weight:400;color:#fff}.stats__icon{cursor:pointer}.numbers-box{margin-top:1.6rem;display:flex;flex-direction:column}.stats__hours{font-size:5.2rem;color:#fff}.stats__last-period{font-size:1.6rem;color:var(--pale-blue)}@media screen and (max-width: 34em){#root{height:auto}.container{padding:4.8rem 1.6rem}.dashboard{grid-template-columns:1fr;grid-template-rows:auto;gap:1.6rem}.user-card{grid-column:1/-1;grid-row:1}.user-info{flex-direction:row;padding:2.4rem}.user-info__photo{width:7.4rem;border-radius:50%;border:3px solid #fff}.user-info__name{font-size:2.4rem}.menu{flex-direction:row;justify-content:space-between;gap:1.6rem;padding:2.4rem}.stats{margin-top:4.8rem;padding:2.4rem;background-color:var(--dark-blue);border-radius:15px;position:relative;z-index:3;transition:background-color .3s}.numbers-box{margin-top:.4rem;flex-direction:row;justify-content:space-between;align-items:center}.stats__hours{font-size:2.4rem}}