@charset "UTF-8";html{font-size:62.5%;font-family:rubic;scroll-behavior:smooth}body{color:#fff;font-weight:300}.wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#0f1424}@font-face{font-family:Rubic;src:url(/My-practices-in-the-frontend-mentor/demo/junior/time-tracking-dashboard-main-demo/assets/Rubik-Light-CTN6lZCq.ttf);font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Rubic;src:url(/My-practices-in-the-frontend-mentor/demo/junior/time-tracking-dashboard-main-demo/assets/Rubik-Medium-CEEjkc2a.ttf);font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Rubic;src:url(/My-practices-in-the-frontend-mentor/demo/junior/time-tracking-dashboard-main-demo/assets/Rubik-Regular-C2SsDFU5.ttf);font-weight:500;font-style:normal;font-display:swap}*{padding:0;margin:0}*,*:before,*:after{box-sizing:border-box}a,a:link,a:visited,a:hover{text-decoration:none;cursor:pointer}aside,nav,footer,header,section,main{display:block}ul,ol{list-style:none}li{list-style-type:none}img{vertical-align:top;max-width:100%;height:auto}svg{max-width:100%;height:auto}address{font-style:normal}input,textarea,button,select{font-family:inherit;font-size:inherit;color:inherit;background-color:transparent}input::-ms-clear{display:none}button,input[type=submit]{display:inline-block;box-shadow:none;background:none;cursor:pointer}input[type=file]{max-width:100%}input[type=text]:focus,textarea[type=text]:focus,button[type=button]:focus,select:focus{outline:none}button{border:none}.dashboard{display:grid;grid-template-columns:repeat(4,17rem);grid-template-rows:repeat(2,15.5rem);grid-column-gap:30px;grid-row-gap:30px}@media (width <= 767.98px){.dashboard{grid-template-columns:repeat(1,28rem);grid-template-rows:0}}.profile{background-color:#1c1f4a;border-radius:10px;grid-area:1/1/3/2}@media (width <= 767.98px){.profile{height:15rem;margin-top:5rem}}.profile__header{height:70%;background-color:#5847eb;border-radius:1rem;padding:2rem}@media (width <= 767.98px){.profile__header{height:65%;display:flex;align-items:center;justify-content:space-around}}.profile__logo{width:50px;border-radius:50%;border:2px solid #ffffff;margin-bottom:2.5rem}@media (width <= 767.98px){.profile__logo{margin-bottom:0}}.profile__title-container{display:flex;flex-direction:column}.profile__subtitle{color:#bdc1ff}@media (width <= 767.98px){.profile__subtitle{font-size:1.2rem}}.profile__title{font-weight:300;font-size:3.2rem}@media (width <= 767.98px){.profile__title{font-size:2rem}}.profile__content{height:30%;padding:1.5rem 2rem;background-color:#1c1f4a;border-radius:1rem}@media (width <= 767.98px){.profile__content{height:35%;display:flex;justify-content:center;padding:0}}@media (width <= 767.98px){.profile__list{display:flex;align-items:center;gap:5rem}}.profile__item{padding:.5rem;transition:opacity .2s ease-in-out}@media (width <= 767.98px){.profile__item{padding:0}}.profile__button{color:#6f76c8;font-size:1.2rem;font-weight:500;transition:color .2s ease-in-out}.profile__button--active{color:#fff}.profile__button:hover:active{color:#ff8c66}@media (width <= 767.98px){.profile__button{font-size:1.6rem}}@media (any-hover: hover){.profile__button:hover{color:#fff}}@media (any-hover: none){.profile__button:active{color:#fff}}.card{position:relative;padding-top:35px;border-radius:10px 10px 15px 15px}.card__img{position:absolute;top:0;right:10px;width:50px;z-index:2}.card__content{position:relative;background-color:#1c1f4a;height:120px;cursor:pointer;padding:2rem;border-radius:10px;z-index:10;transform-origin:bottom;transition:all .3s ease-in-out}@media (width > 767.98px) and (any-hover: hover){.card__content:hover{background-color:#393e7c;transform:scaleY(1.1)}}@media (width > 767.98px) and (any-hover: none){.card__content:active{background-color:#393e7c;transform:scaleY(1.1)}}.card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.card__title{font-size:1.2rem;font-weight:400}@media (width <= 767.98px){.card__title{font-size:1.4rem}}.card__button{width:1.5rem}@media (width <= 767.98px){.card__button{width:2rem}}.card__stats{display:flex;flex-direction:column;gap:.5rem}@media (width <= 767.98px){.card__stats{flex-direction:row;align-items:center;justify-content:space-between}}.card__hours{font-size:3.4rem;font-weight:300}.card__previous{color:#bdc1ff;font-size:1rem;font-weight:300}@media (width <= 767.98px){.card__previous{font-size:1.4rem}}.card--work{background-color:#ff8c66}.card--play{background-color:#56c2e6}.card--study{background-color:#ff5c7c}.card--exercise{background-color:#4acf81}.card--social{background-color:#7536d3}.card--self-care{background-color:#f1c65b}