@import"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";*,*:after,*:before{padding:0;margin:0;box-sizing:border-box}body{background-color:#0f1424}main{display:flex;gap:2.5rem;align-items:center;justify-content:center;min-height:100vh}@media (max-width: 768px){main{flex-direction:column;justify-content:center;margin:5rem 0}}.card{height:26rem;width:26rem;border-radius:1.5rem;display:flex;flex-direction:column}.card-banner{height:18%;padding:2rem;border-radius:1rem 1rem 0 0;overflow:hidden;position:relative}.card-banner img{position:absolute;display:inline-block;right:1.5rem;top:-1rem;height:8rem;width:8rem}.card-content{height:85%;border-radius:1.5rem;background-color:#1c1f4a;padding:2.5rem;display:flex;flex-direction:column;gap:3rem;transition:all .2s ease-in;cursor:pointer}.card-content:hover{background-color:#292f70}.card-content__header{display:flex;justify-content:space-between;align-items:center}.card-content__header h2{font-size:1.8rem;font-weight:400}.card-content__header img{height:.5rem}.card-content__text{display:flex;flex-direction:column}.card-content__this-week{font-size:5.8rem;font-weight:200}.card-content__last-week{font-size:1.7rem;font-weight:300;color:#bdc1ff;margin-top:1rem}@media (max-width: 1440px){.card{height:20rem;width:20rem;border-radius:1.2rem}.card-banner{height:10%;padding:1.5rem}.card-banner img{position:absolute;display:inline-block;right:1.5rem;top:-1rem;height:6rem;width:6rem}.card-content{height:90%;border-radius:1.2rem;padding:2rem;gap:2rem}.card-content__header h2{font-size:1.4rem;font-weight:400}.card-content__header img{height:.4rem}.card-content__this-week{font-size:4rem;font-weight:200}.card-content__last-week{font-size:1.2rem;margin-top:1rem}}@media (max-width: 768px){.card{width:100%;height:16rem}.card-banner{height:10%;padding:1.5rem}.card-banner img{right:1.5rem;top:-1rem;height:6rem;width:6rem}.card-content{height:95%;border-radius:1.1rem;padding:2rem;gap:2rem}.card-content__header{display:flex;justify-content:space-between;align-items:center}.card-content__header h2{font-size:1.5rem}.card-content__header img{height:.4rem}.card-content__text{flex-direction:row;justify-content:space-between}.card-content__this-week{font-size:3rem;font-weight:200}.card-content__last-week{font-size:1.4rem;font-weight:300;color:#bdc1ff;margin-top:1rem}}header{width:30rem;height:55rem}.menu{background-color:#1c1f4a;border-radius:1rem}.menu-profile{padding:2.7rem;height:70%;background-color:#5847eb;border-radius:1rem;display:flex;flex-direction:column;gap:4rem}.menu-profile__img{width:8rem;height:8rem;border-radius:50%;border:.3rem solid #fff}.menu-profile__content p{font-size:1.7rem;color:#bdc1ff;margin-bottom:.5rem}.menu-profile__content h1{font-size:5rem;font-weight:300}.menu-nav{height:30%;padding:2.7rem;display:flex;justify-content:space-between;flex-direction:column}.menu-nav a{color:#6f76c8;font-size:2rem;cursor:pointer;transition:all .2s ease-in}.menu-nav a:hover,.menu-nav a.active,.active{color:#fff}@media (max-width: 1440px){header{width:25rem;height:43rem}.menu-profile{padding:2.2rem;gap:4rem}.menu-profile__img{width:7rem;height:7rem}.menu-profile__content p{font-size:1.5rem}.menu-profile__content h1{font-size:4rem}.menu-nav{padding:2.2rem}.menu-nav a{font-size:1.7rem}}@media (max-width: 768px){header{width:90%;height:25rem}.menu-profile{flex-direction:row;justify-content:center;align-items:center;gap:4rem}.menu-profile__img{width:7rem;height:7rem}.menu-profile__content p{font-size:1.4rem;margin-bottom:.5rem}.menu-profile__content h1{font-size:4rem}.menu-nav{flex-direction:row;justify-content:space-around}}@media (max-width: 375px){header{height:20rem}.menu-profile{gap:1.5rem}.menu-profile__img{width:6rem;height:6rem}.menu-profile__content p{font-size:1.3rem;margin-bottom:.5rem}.menu-profile__content h1{font-size:2.5rem}.menu-nav{height:30%;padding:1.8rem}.menu-nav a{font-size:1.8rem}}html{font-size:62.5%}body{font-family:Rubik,sans-serif;color:#fff}.app-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2.5rem}@media (max-width: 768px){.app-grid{grid-template-columns:1fr;min-width:90%}}