html{box-sizing:border-box;font-size:100%}*,:after,:before{box-sizing:inherit}body{background:var(--very-dark-blue);color:var(--pale-blue);font-family:Rubik,sans-serif;margin:0;padding:0}:root{--blue:#5847eb;--orange:#ff8c66;--soft-blue:#56c2e6;--light-red:#ff5c7c;--lime-green:#4acf81;--violet:#7536d3;--soft-orange:#f1c65b;--very-dark-blue:#0f1424;--dark-blue:#1c1f4a;--desaturated-blue:#6f76c8;--pale-blue:#bdc1ff;--white:#fff}.container{margin:0 auto;width:23.4375rem}@media (min-width:90em){.container{width:90rem}}body{font-size:1.125rem;font-weight:300}h1,h2,h3{line-height:1.1;margin-top:0}h1{font-weight:400}a,a:active,a:visited{text-decoration:none}.main{display:grid;gap:1.125rem;margin:150px auto}@media (min-width:90em){.main{grid-template-columns:repeat(4,1fr);grid-template-rows:1fr 1fr}}:root{--border-radius:10px}.side{background:var(--dark-blue);grid-row:1/3}.side,.side__profile{border-radius:var(--border-radius)}.side__profile{align-items:center;background:var(--blue);display:flex;gap:1.125rem;padding:1.875rem}@media (min-width:90em){.side__profile{align-items:start;flex-direction:column}}.side__image{border:3px solid #fff;border-radius:50%;height:5rem;width:5rem}.side__subtitle{font-size:.75rem}.side h1{color:#fff;font-size:1.5rem}@media (min-width:90em){.side h1{font-size:2.5rem}}nav{display:flex;gap:1.5rem;justify-content:space-between;padding:1.875rem}@media (min-width:90em){nav{flex-direction:column}}nav a{color:var(--desaturated-blue)}nav a:hover{color:var(--pale-blue)}.card{background:var(--dark-blue);border-radius:.625rem;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;margin-top:2.25rem;padding:1.125rem;position:relative}.card h2{color:var(--white)}.card__icon{justify-self:end}.card__hours{color:var(--white);font-size:1.5rem;font-weight:300}@media (min-width:90em){.card__hours{font-size:3rem;margin-bottom:1.125rem}}.card__previous{justify-self:end}@media (min-width:90em){.card__previous{grid-row:start/end;justify-self:start}}.card--work:before{background:var(--orange);background-image:url(../images/icon-work.svg)}.card--play:before{background:var(--soft-blue);background-image:url(../images/icon-play.svg)}.card--study:before{background:var(--light-red);background-image:url(../images/icon-study.svg)}.card--exercise:before{background:var(--lime-green);background-image:url(../images/icon-exercise.svg)}.card--social:before{background:var(--violet);background-image:url(../images/icon-social.svg)}.card--self-care:before{background:var(--soft-orange);background-image:url(../images/icon-self-care.svg)}.card:before{background-position:bottom right 1.25rem;background-repeat:no-repeat;background-size:5rem 5rem;border-radius:.625rem;content:"";height:3.75rem;left:0;position:absolute;top:-2.25rem;width:100%;z-index:-1}.card h2{font-size:1.125rem}
/*# sourceMappingURL=style.css.map */