@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#gratitude{background-color:#5261f8;height:100%;text-align:center}#gratitude>img{width:300px}#meditation-header{margin:16px}#playlist{display:flex;gap:12px;overflow:hidden;padding:16px;width:120%}#gratitude>.larger-header{padding-left:16px;text-align:left}.playlist-thumnail{background:#f6f7fb;border-radius:10%;color:#292a46;height:168px;max-width:156px;overflow:hidden;width:40%}.playlist-thumnail>img{border-radius:10%;height:88px;margin-top:8px;object-fit:cover;object-position:top;width:92%}.playlist-thumnail>div{font-size:14px;padding-left:12px;text-align:left}.stats{align-items:center;display:flex;justify-content:center;margin:12px;max-width:400px;text-align:center;width:80%}.stats>img{margin:auto;max-width:400px;width:90%}.stats-container{align-items:center;display:flex;flex-direction:column;justify-content:center}#statistics{padding:24px 12px;text-align:left}#statistics-container{display:flex;justify-content:center}#previous-sleep-data{display:inline-flex;max-width:450px;width:90%}#previous-sleep-data>div{flex:1 1;margin:8px;max-width:300px}#previous-sleep-data-container{display:flex;justify-content:center;width:100%}.preview-image>img{width:100%}#journal{background-color:#f6f7fb;padding:12px}#check-in-options{display:inline-grid;gap:8px;grid-template-columns:repeat(2,1fr);max-width:340px}#check-in-options>button{border:none;border-radius:8px;height:48px;width:160px}#check-in-options>button:active{background-color:#8a2be2}#journal>div{color:#000;margin:8px}#add-entry-btn{background-color:#000;border:none;border-radius:8px;color:#fff;height:48px;margin:8px;width:160px}#add-journal{align-items:center;display:flex;flex-direction:column;height:100%}#profile-pic-container{border-radius:50%;height:44px;overflow:hidden;width:44px}#profile-pic-container>img{height:100%;object-fit:cover;width:100%}.page-header{display:grid;grid-column-start:3;grid-template-columns:1fr 4fr 1fr}.page-header>div{align-items:center;display:flex;flex:1 1;font-size:larger;justify-content:right;padding:0 16px}.hide{display:none}.show{display:block}#home-page{background-color:#5261f8;color:#f6f7fb;display:flex;flex-direction:column;padding:19px;text-align:left}#recent-activities{color:#292a46}#recent-activities>div{color:#f6f7fb}#Slider-Div{border-top-left-radius:40px;border-top-right-radius:40px;overflow:hidden}.activity-preview{background-color:#8e9bfb;border-radius:12px;margin:8px 0;padding:10px}.details{display:flex;justify-content:space-between}#tiles-container{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}#tiles-container>div{border-radius:12px;min-height:100px;padding:8px;vertical-align:bottom}#recent-activities,#tile-header{color:#292a46;font-weight:700;margin:4px 0}.tile{position:relative}.tile-content{bottom:16px;position:absolute}.slider{background-color:#292a46;color:#fff;height:102%;overflow:hidden;position:absolute;top:0;transition:all .8s;width:100%}.slider.close{height:0;top:110%}#Slider-Div{margin-top:67px}#Slider-Div>div{height:100%}.large-header{font-size:20px}.larger-header{font-size:26px}#shortcuts{align-items:center;display:flex;justify-content:space-between}#recent-activities-container{display:flex;flex-direction:column}#calendar{background-color:#fff;color:#000;padding:16px}#calendar>div{margin-top:12px}.grid-container,.images{display:flex;justify-content:center}.images{align-items:center;margin:auto;max-width:300px;text-align:center}.images>img{max-width:300px;width:80%}#heart-rate{background-color:#f7f6fb;padding:24px 12px;text-align:left}.stats>svg{width:300px}#NavBar{display:flex;justify-content:space-around;margin-top:16px}#NavBar>svg{-webkit-transform:scale(2);transform:scale(2)}.App{display:flex;flex-direction:column;font-family:Roboto,sans-serif;overflow:hidden;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.33f4bb04.css.map*/