@font-face{font-display:swap;font-family:Rubik;font-style:normal;font-weight:300;src:url(../../../fonts/rubik-v30-latin-300.woff2) format("woff2")}@font-face{font-display:swap;font-family:Rubik;font-style:normal;font-weight:400;src:url(../../../fonts/rubik-v30-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Rubik;font-style:normal;font-weight:500;src:url(../../../fonts/rubik-v30-latin-500.woff2) format("woff2")}:root{--clr-purple600: hsl(246, 80%, 60%);--clr-work-bg: hsl(15, 100%, 70%);--clr-play-bg: hsl(195, 74%, 62%);--clr-study-bg: hsl(348, 100%, 68%);--clr-exercise-bg: hsl(145, 58%, 55%);--clr-social-bg: hsl(264, 64%, 52%);--clr-selfcare-bg: hsl(43, 84%, 65%);--clr-Navy950: hsl(226, 43%, 10%);--clr-Navy900: hsl(235, 46%, 20%);--clr-Purple500: hsl(235, 45%, 61%);--clr-Navy200: hsl(236, 100%, 87%);--ff-main: "Rubik", sans-serif;--fw-regular: 400;--fw-thin: 300;--fw-bold: 500}body{display:flex;color:var(--clr-Navy200);font-family:var(--ff-main);background-color:var(--clr-Navy950)}.work{background-color:var(--clr-work-bg)}.play{background-color:var(--clr-play-bg)}.study{background-color:var(--clr-study-bg)}.exercise{background-color:var(--clr-exercise-bg)}.social{background-color:var(--clr-social-bg)}.self-care{background-color:var(--clr-selfcare-bg)}