@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap);:root{--color-bg:#f1f3fb;--color-white:#fff;--color-grey:#818488;--color-pink:#f6c2ff;--color-red:#f54949;--color-coffee-l:#feeae6;--color-coffee-m:#fbc8bf;--color-coffee-d:#6b463d;--color-purple-l:#f1efff;--color-purple-m:#6658d3;--color-purple-d:#333558;--color-green-l:#b2fcec;--color-green-d:#1dcac4;--border-radius:2rem;--shadow:0rem 2rem 5rem rgba(0,0,0,0.1)}*,:after,:before{margin:0;padding:0;box-sizing:inherit;-webkit-tap-highlight-color:transparent}html{font-size:62.5%}body{box-sizing:border-box;font-family:"Open Sans",sans-serif;line-height:1.3;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.App{display:flex;min-height:100vh;align-items:center;padding:4rem;background-color:var(--color-bg)}@media (max-width:600px){.App{padding:1.5rem}}.Home{flex-grow:1;display:flex;min-height:calc(100vh - 8rem)}@media (max-width:1067px){.Home{flex-direction:column}}.CardBox{flex:1 1;display:flex;flex-direction:column}.IntroCard{background:var(--color-white);border-radius:var(--border-radius);padding:2.2rem 2rem;box-shadow:var(--shadow)}@media (max-width:1067px){.IntroCard{margin-bottom:2rem}}.IntroCard__Tag{color:var(--color-purple-m);background:var(--color-purple-l);display:inline-block;padding:.3rem .7rem;border-radius:.4rem;font-weight:700;margin-bottom:1rem}.IntroCard__Head{font-size:2.2rem;font-weight:400;margin-bottom:1rem}.IntroCard__Body{color:var(--color-grey);line-height:1.5}.IntroCard__Body,.IntroCard__List{font-size:1.25rem;margin-bottom:2rem}.IntroCard__List{list-style-type:none}.IntroCard__Item:not(:last-child){margin-bottom:1.3rem}.IntroCard__Item span{margin-right:1rem;color:var(--color-white);background:var(--color-green-d);padding:.3rem .6rem;border-radius:10rem;font-size:1rem}.FormBox{flex:0 0 70%;margin-right:3rem;padding:2rem;background:var(--color-white);border-radius:var(--border-radius);box-shadow:var(--shadow)}@media (max-width:1067px){.FormBox{margin-right:0;margin-bottom:0;order:2}}.Form__Group{position:relative;margin-bottom:2rem}.Form__Label{display:inline-block;padding:0 .4rem;font-size:1.15rem;font-weight:600;color:var(--color-purple-m);background:var(--color-white);position:absolute;left:1.6rem;top:-.7rem}.Form__Input,.Form__Select,.Form__Textarea{display:block;width:100%;padding:1.1rem 2rem;font-size:1.4rem;border:.1rem solid var(--color-purple-m);border-radius:.7rem}.Form__Textarea{resize:none;height:10rem;font-size:1.43rem;font-family:inherit}.Form__Select{background:var(--color-white);padding-left:1.5rem}.Form__Input:focus,.Form__Select:focus,.Form__Textarea:focus{outline:none}.Form__TagRequest{font-size:1.15rem;margin-top:1rem;color:var(--color-grey)}.Form__TagRequest a{text-decoration:none}.Form__Error{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;color:var(--color-red)}.Btn{padding:1.2rem 2rem;display:inline-block;font-size:1.3rem;font-weight:700;border:1px solid var(--color-purple-m);border-radius:.6rem;cursor:pointer}.Btn--filled{color:var(--color-white);background:var(--color-purple-m)}.Btn--inverted{color:var(--color-purple-m)}.ImgBanner{position:relative;height:15rem;margin-bottom:2.3rem;color:var(--color-coffee-d);background:var(--color-coffee-l);border-radius:var(--border-radius);background-repeat:no-repeat;background-size:30%;background-position:90% 40%}@media (max-width:425px){.ImgBanner{background-size:60%;background-position:100% -70%}}.Feed{flex-grow:1;display:flex}@media (max-width:1067px){.Feed{flex-direction:column}}.StatsCard{align-self:flex-start;background:var(--color-white);border-radius:var(--border-radius);padding:2.2rem 2rem;box-shadow:var(--shadow);margin-bottom:2rem}.StatsCard__Tag{color:var(--color-purple-m);background:var(--color-purple-l);display:inline-block;padding:.3rem .7rem;border-radius:.4rem;font-weight:700;margin-bottom:1rem;margin-right:1rem}.StatsCard__Head{font-size:2.2rem;font-weight:400;margin-bottom:1rem}.StatsCard__Body{line-height:1.5}.StatsCard__Body,.StatsCard__DeleteTime{font-size:1.25rem;color:var(--color-grey)}.StatsCard__Info{display:flex;flex-wrap:wrap}.InfoBox{display:flex;flex-direction:column;color:var(--color-purple-m);background:var(--color-purple-l);padding:1.8rem;margin-top:2rem;border-radius:1rem}.InfoBox--coffee{background:var(--color-coffee-l);color:var(--color-coffee-d)}.InfoBox:not(:last-child){margin-right:1rem}.InfoBox__Total{font-size:2rem;font-weight:600;margin-bottom:.6rem}.InfoBox__Text{font-size:1.5rem}@media (max-width:350px){.InfoGoal__Total{font-size:1.5rem}.InfoGoal__Text{font-size:1.25rem}}.Posts{flex:0 0 70%;min-height:calc(100vh - 8rem);margin-right:3rem;padding:2rem;display:flex;flex-direction:column;background:var(--color-white);border-radius:var(--border-radius);box-shadow:var(--shadow);position:relative}@media (max-width:1067px){.Posts{order:1;margin-right:0}}.NoGoals{text-align:center}.NoGoals__Text{font-size:2rem;margin-bottom:2rem}.Post{position:relative;margin-bottom:4rem;padding:2rem;border-radius:var(--border-radius);border:.1rem solid var(--color-purple-m);-webkit-animation:fadeIn .5s ease-in;animation:fadeIn .5s ease-in}.Post:last-child{margin-bottom:1rem}@-webkit-keyframes fadeIn{0%{opacity:0;transform:translateY(-1rem)}50%{opacity:.5;transform:translateY(.2rem)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-1rem)}50%{opacity:.5;transform:translateY(.2rem)}to{opacity:1;transform:translateY(0)}}.Post__Head{margin-bottom:1.5rem}.Head__TextBox,.Post__Head{display:flex;align-items:center}.Post__UserImg{border-radius:50%;margin-right:1rem}.Post__Username{font-size:1.2rem;padding:.5rem 1rem;font-weight:600;color:var(--color-purple-m);background:var(--color-purple-l);border-radius:.4rem;margin-right:1rem}.Post__Time{font-size:1.25rem;font-style:italic;color:var(--color-grey);margin-bottom:1.5rem}.Post__Body{font-size:1.5rem;font-weight:400;margin-bottom:1rem}.Post__Extras{display:flex;position:absolute}.Post__IconBox,.Post__Tag{font-size:1.25rem;font-weight:600;padding:.7rem 1.1rem;background:var(--color-white);border:.1rem solid var(--color-purple-m);border-radius:1rem}.Post__IconBox{margin-right:1rem;cursor:pointer;transition:.1s cubic-bezier(.6,-.28,.735,.045)}.Post__IconBox:active{transform:scale(.9)}.Post__Icon{font-size:1.2rem;color:var(--color-red);margin-right:.7rem;transition:.1s cubic-bezier(.6,-.28,.735,.045)}.Post__IconBox:active .Post__Icon{transform:scale(1.2)}.Post__Likes{font-weight:600}.Post__Likes::selection{background:none}.Post__Tag{color:var(--color-purple-m)}.Loader{text-align:center;position:absolute;left:50%;top:10%;transform:translateX(-50%)}.Loader>div{width:1.2rem;height:1.2rem;background-color:var(--color-purple-m);border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay 1.4s ease-in-out infinite both;animation:sk-bouncedelay 1.4s ease-in-out infinite both}.Loader .Bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.Loader .Bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes sk-bouncedelay{0%,80%,to{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes sk-bouncedelay{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.BackBtn{position:fixed;bottom:4rem;right:4rem;font-size:2rem;border-radius:50%;width:4rem;height:4rem;color:var(--color-white);background:var(--color-purple-m)}@media (max-width:600px){.BackBtn{width:3rem;height:3rem;font-size:1.4rem;bottom:2rem;right:2rem}}.BackBtn__Icon{position:absolute;left:46%;top:50%;transform:translate(-50%,-50%)}
/*# sourceMappingURL=main.0be2d2c3.chunk.css.map */