@import url(https://fonts.googleapis.com/css?family=Frank+Ruhl+Libre);@import url(https://fonts.googleapis.com/css?family=Rubik:300,700);*{box-sizing:border-box}body{background:rgba(227,136,130,.5);position:absolute;top:0;left:0;right:0;bottom:0;padding:0;margin:0;font-family:Rubik,sans-serif;font-weight:300;color:#635358}.profile-name,h1{font-family:Frank Ruhl Libre,serif;text-transform:uppercase;color:#8a8184}.jam{font-size:1.5rem;position:relative}button{border:none;height:70px;width:70px;font-family:inherit;font-size:inherit;-webkit-transition:all .3s ease;transition:all .3s ease;background:#fff}button:hover{background:#f1d0ca}button:focus,input:focus,textarea:focus{outline:none}input[type=email],input[type=password],input[type=text],textarea{font-family:inherit;font-size:inherit;border:none}.container{position:absolute;overflow-y:scroll}.bg,.container{top:0;left:0;right:0;bottom:0}.bg{position:absolute;position:fixed;-webkit-transition:all 1s ease;transition:all 1s ease;z-index:-2}.feed+.bg{background:#f1d0ca}.network+.bg{background:rgba(211,215,194,.9)}.user+.bg{background:rgba(222,235,244,.9)}.main-bg-texture{position:fixed;mix-blend-mode:multiply;z-index:-1;top:50px;height:185px;width:100%;opacity:.6;background-size:contain;background-image:url(/Newroots/static/media/pattern.a171dc37.png)}.main-nav{z-index:2;background:#f1d0ca;position:fixed;height:52px;width:100%;box-shadow:0 0 30px rgba(227,136,130,.3)}.main-nav .nav-content{height:inherit;display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-align-items:center;align-items:center;max-width:800px;margin:auto}.main-nav .nav-content button{-webkit-flex:auto;flex:auto;border:none;height:inherit;border-radius:0}.main-nav .nav-content .logo-img{height:70%;margin:10px}.main-nav .nav-content .logo{margin-right:auto;color:#8a8184;font-weight:700}.main-nav .nav-content .logo .sublogo{margin-left:15px;margin-right:50px;font-size:.8rem;font-weight:300}section{margin:78px auto auto;max-width:800px}.pic{background:#8a8184;height:45px;width:45px;border-radius:50%;background-image:url(/Newroots/static/media/ppf.bcdcbc31.png);background-size:cover}.feed{padding:0 20px}.create-thought{position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.create-thought textarea{width:100%;padding:20px;margin-bottom:13.3333333333px;border-radius:2rem;resize:none}.create-thought #update{-webkit-align-self:flex-end;align-self:flex-end;background:#899c7d;color:#fff;padding:20px;width:7rem;border-radius:2rem;margin-right:20px}.create-thought #update:hover{-webkit-transform:scale(.97);transform:scale(.97);background:#8a8184}.create-thought:after,.create-thought:before{content:"";background:#fff;border-radius:50%;position:absolute;bottom:75px;left:-5px;width:25px;height:25px}.create-thought:after{bottom:60px;left:-20px;width:13px;height:13px}.activity{margin:40px;box-shadow:0 8px 30px rgba(138,129,132,.2)}.activity .comment-but{width:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;color:#e38882}.activity .comment-but .jam{margin-right:12px}.activity .header{padding:20px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.activity .header .name{margin-left:20px;font-weight:700}.activity .header .date{margin-left:20px;margin-top:5px;font-size:.8rem}.activity .content{padding:0 20px 20px}.activity .name-date,.activity .name-date div{display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start}.activity .name-date{-webkit-flex-direction:column;flex-direction:column}.activity .name-date+button{margin-left:auto}.activity .mood{font-size:1.5rem;display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;margin:0 20px 20px}.activity .mood-icon{display:inline-block;background:#9fc6c1;border:2px solid #fff;border-radius:50%;width:50px;height:50px;text-align:center;line-height:50px;margin-left:1rem}.user-edit{width:50px;height:50px;background:transparent;margin-left:20px}.all-comments,.thought{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.all-comments .comment,.all-comments .header,.all-comments .reply,.thought .comment,.thought .header,.thought .reply{background:transparent}.all-comments .comment,.all-comments .reply,.thought .comment,.thought .reply{display:-webkit-flex;display:flex;max-width:70%}.all-comments .comment .bubble,.all-comments .reply .bubble,.thought .comment .bubble,.thought .reply .bubble{padding:20px;margin:6.6666666667px}.all-comments .comment .pic,.all-comments .reply .pic,.thought .comment .pic,.thought .reply .pic{-webkit-flex:none;flex:none;margin:10px}.all-comments .comment,.thought .comment{-webkit-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-align-self:flex-end;align-self:flex-end}.all-comments .comment .bubble,.thought .comment .bubble{text-align:right;border-radius:3rem 3rem 0 3rem;color:#eff0da}.all-comments .comment .pic,.thought .comment .pic{-webkit-align-self:flex-end;align-self:flex-end}.all-comments .reply,.thought .reply{-webkit-align-self:flex-start;align-self:flex-start}.all-comments .reply .bubble,.thought .reply .bubble{border-radius:0 3rem 3rem 3rem;background:#fff;color:#635358}.thought .comment .bubble{background:#899c7d}.checkin .all-comments .comment .bubble{background:#635358}.leave-comment{background:#fff;display:-webkit-flex;display:flex}.leave-comment input{-webkit-flex:auto;flex:auto;padding-left:20px}.leave-comment button{height:70px;border:none;border-radius:0}.network{-webkit-flex-direction:column;flex-direction:column}.network,.network .header{display:-webkit-flex;display:flex}.network .header{-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:20px}.network .header .search-bar{-webkit-flex:auto;flex:auto;display:-webkit-flex;display:flex;margin-right:10px}.network .header .search-bar input{-webkit-flex:auto;flex:auto;padding:20px}.network .friend{background:rgba(244,222,218,.6);display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding-left:20px;margin-bottom:10px}.network .friend button{background:transparent;margin-left:auto}.network .friend span{margin-left:20px}.alert{background:#d55c5a;width:20px;height:20px;display:inline-block;color:#fff;border-radius:50%;font-size:12px;font-weight:600;font-family:Rubik,sans-serif;line-height:18px;border:1px solid #fff;position:absolute;bottom:-8px;left:-11px}.user{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.user input[type=file]{display:none}.user .yesno{margin:20px auto}.user .yesno .no{background:#e38882}.user .yesno .no .jam-close{color:#fff}.user .edit-pic{background:transparent;width:100px;height:100px;padding:0;position:relative}.user .edit-pic .edit-pic-but{position:absolute;background:#eff0da;width:50px;height:50px;top:-10px;right:-10px;border-radius:50%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.user .edit-pic .jam-pencil{color:#8a8184;position:relative}.user .profile-name{margin:20px;text-transform:none;font-size:1.5rem}.user input[type=text]{font-family:Frank Ruhl Libre,serif;text-align:center;border-radius:8px}.user .edit{-webkit-align-self:flex-end;align-self:flex-end;border-radius:50%;margin-right:20px}.user .done{background:#899c7d;color:#fff;box-shadow:0 5px 20px rgba(0,0,0,.2)}.user .pic{width:100px;height:100px;position:relative}.user .check-in-edit{margin:20px;-webkit-align-self:stretch;align-self:stretch;background:#f1d0ca;text-align:center;box-shadow:0 3px 15px rgba(227,136,130,.4)}.user .check-in-edit .your-checkins{list-style:none;padding:0}.user .check-in-edit .your-checkins li{position:relative;padding:20px;margin:10px;box-shadow:0 3px 10px rgba(227,136,130,.4)}.user .check-in-edit .your-checkins li .checkicon{position:absolute;width:60px;height:100%;top:0;left:0;margin:auto;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.user .check-in-edit .your-checkins li .delete{position:absolute;width:60px;height:100%;top:0;right:0;background:#e38882;box-shadow:0 4px 10px rgba(99,83,88,.2)}.user .check-in-edit button{width:100%;background:#899c7d;color:#fff}.user .check-in-edit button:hover{background:#8a8184}.user #logout-but{margin-top:20px;background:#e38882;width:100%}.user #logout-but:hover{background:#d55c5a}.user .add-panel textarea{width:95%;resize:none;padding:20px;text-align:center}.user .add-panel ul{list-style:none;padding:0;width:75%;margin:auto;position:relative}.user .add-panel ul li{background:#eff0da;border-radius:1rem;padding:0;border:1px solid #8a8184}.user .add-panel ul li button{background:transparent;color:inherit;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.user .add-panel ul li button .jam-chevron-down{margin-right:20px;margin-left:auto}.user .add-panel ul li:not(:first-child){position:absolute;left:0;right:0;z-index:8}.user .add-panel ul li:nth-child(2){bottom:-100%}.user .add-panel ul li:nth-child(3){bottom:-200%}.jam.checkicon{margin:20px;border-radius:5px}.jam.checkicon.jam-align-justify{color:#eff0da;background:#d55c5a}.jam.checkicon.jam-brightness{color:#eff0da;background:#91ceec}.jam.checkicon.jam-star{color:#eff0da;background:#9fc6c1}.checkin{background:#e38882;color:#fff}.checkin.modal{-webkit-animation-delay:.5s;animation-delay:.5s;padding:40px;background:#eff0da;z-index:10}.checkin.modal .checkin-content{width:100%;height:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-evenly;justify-content:space-evenly}.checkin.modal .yesno{padding:20px 0}.checkin.modal .ci-question{width:100%}.checkin.modal .bg{background:#e38882;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}.checkin.modal>:not(h1){margin:20px}.checkin.modal>:not(h1):not(.bg):not(.bg-texture){position:relative}.checkin.modal h1{position:absolute;top:-6rem}.checkin.modal h1.title{top:-4rem}.checkin.modal h1 .highlight{position:absolute;z-index:0;top:2rem;bottom:0;left:-.5rem;right:-.5rem;background:-webkit-linear-gradient(bottom,#fff,#eff0da);background:linear-gradient(0deg,#fff,#eff0da)}.checkin.modal h1 span{z-index:1;position:relative}.checkin.modal #submit{-webkit-flex:none;flex:none;border-radius:50%;border:3px solid #9fc6c1;margin:40px}.feelings{width:100%;height:100px;color:#8a8184;margin:0 auto;padding:20px;background:#fcfcfc;box-shadow:inset 0 0 8px 1px rgba(0,0,0,.2);text-align:left;overflow:hidden;word-break:break-all;outline:none}.mood-measurer{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:stretch;align-items:stretch;width:100%;position:relative;padding:40px}.mood-measurer .indicator{position:absolute;left:92%;top:-30px;padding:0 20px;background:#eff0da;color:#e38882;font-weight:600;box-shadow:0 3px 20px rgba(138,129,132,.4)}.mood-measurer .indicator:before{content:"";position:absolute;background:#eff0da;width:15px;height:15px;bottom:-7px;left:0;right:0;margin:auto;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.mood-measurer .num{display:-webkit-inline-flex;display:inline-flex;-webkit-justify-content:inherit;justify-content:inherit;margin:15px 26px 0}.mood-measurer small{color:#fff}.mood-measurer input{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border-radius:.25rem;position:relative}.mood-measurer input::-webkit-slider-thumb{position:relative;width:3.5rem;height:3.5rem;cursor:pointer;background-color:#9fc6c1;border:.2em solid #fff;border-radius:50%;-webkit-appearance:none}.mood-measurer input::-moz-range-thumb{position:relative;width:3.5rem;height:3.5rem;cursor:pointer;background-color:#9fc6c1;border:.2em solid #fff;border-radius:50%;-webkit-appearance:none}.mood-measurer input::-ms-thumb{position:relative;width:3.5rem;height:3.5rem;cursor:pointer;background-color:#9fc6c1;border:.2em solid #fff;border-radius:50%;-webkit-appearance:none}.mood-measurer input::-webkit-slider-runnable-track{box-shadow:inset 0 0 0 26px #e38882}.mood-measurer input::-moz-range-track{box-shadow:inset 0 0 0 26px #e38882}.mood-measurer input::-ms-track{box-shadow:inset 0 0 0 26px #e38882}.yesno{display:-webkit-flex;display:flex;width:100%}.yesno button{-webkit-flex:auto;flex:auto;border-radius:3rem;margin:0 10px}.yesno .yes{background:#9fc6c1}.yesno .no{background:#f1d0ca}.yesno .disabled{background:rgba(138,129,132,.5)}.yesno .disabled .jam{color:#fff!important}.modal-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(244,222,218,.8);z-index:20;-webkit-animation:fadeIn 2s ease;animation:fadeIn 2s ease}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:none;transform:none}}.all-comments{-webkit-transform-origin:top;transform-origin:top;-webkit-animation:scaleDown .5s ease;animation:scaleDown .5s ease;margin:10px}@-webkit-keyframes scaleDown{0%{opacity:0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes scaleDown{0%{opacity:0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}to{opacity:1;-webkit-transform:none;transform:none}}.modal{-webkit-animation:fadeInUp 1s ease;animation:fadeInUp 1s ease;-webkit-animation-fill-mode:both;animation-fill-mode:both;width:100%;max-width:700px;max-height:700px;z-index:20;position:absolute;background:#eff0da;left:0;right:0;top:5rem;bottom:0;text-align:center;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-evenly;justify-content:space-evenly;margin:auto;box-shadow:0 5px 30px rgba(227,136,130,.8)}.modal .title{font-size:3rem}.modal h2{font-size:1.2rem;font-weight:300}.modal .bg-texture.first{position:absolute;bottom:-120px;left:-180px}.modal .bg-texture.second{position:absolute;right:-140px;top:-50px}.home-page{background:#eff0da;position:absolute;top:0;left:0;right:0;bottom:0;padding:20px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;color:#e38882;text-align:center}.home-page .bg-texture{pointer-events:none;position:absolute;height:80%;top:0;mix-blend-mode:darken}.home-page h2{margin-top:4rem;margin-bottom:0;font-size:3rem}.home-page p{font-size:1.5rem;max-width:500px}.home-page button{background:#899c7d;color:#eff0da;border-radius:5rem;margin:2rem 2rem 0;width:150px;height:100px}.home-page .buts{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;-webkit-flex-wrap:wrap;flex-wrap:wrap}.home-page .signup-but{background:#e38882}.home-page .login-but{background:#899c7d}.home-page .login-page{position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.home-page .login-page input{height:20vh;max-height:70px;padding:20px;margin:20px}.home-page .login-page h2{position:relative;font-size:2.5rem;margin-bottom:20px}.home-page .back-but{position:absolute;top:-15px;left:-80px;margin:0;width:80px;height:80px;background:transparent}.home-page .back-but .jam{font-size:2.2rem}.modal.network{width:90%;padding:20px;top:5vh;bottom:auto}.modal.network .close{position:absolute;top:0;right:0;background:transparent}.modal.network .close .jam-close{font-size:2rem;color:#8a8184}.modal.network .scrolling-row{padding-top:20px;padding-bottom:20px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;overflow-x:scroll;width:100%}.modal.network .scrolling-row .preview{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;background:#fff;border-radius:10px;margin-right:10px;box-shadow:0 3px 8px 1px rgba(0,0,0,.1)}.modal.network .scrolling-row .preview .pic{height:100px;width:100px;margin:10px auto auto}.modal.network .scrolling-row .preview .yesno{width:100%;margin-bottom:10px}.modal.network .scrolling-row .preview .yesno button{height:50px}.modal.network .add-friend{background:#f4deda;width:100%;margin:20px 0;box-shadow:0 2px 15px rgba(227,136,130,.5)}.modal.network .invite-friend{background:#899c7d;color:#fff;width:100%;box-shadow:0 2px 15px rgba(138,129,132,.5)}.modal.network .network-input{background:#fff;border-radius:8px;margin:10px;display:-webkit-flex;display:flex}.modal.network .network-input input{padding:20px;background:transparent;-webkit-flex:auto;flex:auto}.modal.network .network-input button{background:#e38882;color:#fff;border-radius:5px;margin:5px;padding:5px;height:50px;width:100px}.onboarding{position:absolute;top:0;left:0;right:0;bottom:0;background:#e38882;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;color:#635358}.onboarding h1,.onboarding h2{color:#d55c5a}.onboarding h1{font-size:300%}.onboarding h2{font-size:200%}.page{background:hsla(0,0%,100%,.9);margin:20px;max-width:700px;max-height:850px;box-shadow:0 10px 50px -15px rgba(99,83,88,.8);position:relative;width:100%;height:100%;-webkit-flex:none;flex:none;padding:40px 80px 120px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:stretch;align-items:stretch;-webkit-justify-content:space-evenly;justify-content:space-evenly}.page img{-webkit-align-self:center;align-self:center;width:90%;max-height:350px;object-fit:contain}.page .categories{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;height:100%;overflow-y:scroll}.page .categories button:not(.cont-onboarding){width:auto;-webkit-flex:0 0 auto;flex:0 0 auto;margin-bottom:10px;color:#eff0da;border-radius:10px;text-align:left;padding-left:40px;font-size:1.1rem}.page .categories button:not(.cont-onboarding):first-child{background:#b7a69e}.page .categories button:not(.cont-onboarding):nth-child(2){background:#565e57}.page .categories button:not(.cont-onboarding):nth-child(3){background:#754067}.page .categories button:not(.cont-onboarding):nth-child(4){background:#d66a63}.page .categories button:not(.cont-onboarding):nth-child(5){background:#e8cc84}.page .categories .ob-cat{-webkit-flex:none;flex:none;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;background:#8a8184;border-radius:10px;box-shadow:0 0 40px rgba(138,129,132,.7);margin-bottom:20px}.page .categories .ob-cat .ob-cat-opt{margin-bottom:0}.page .categories .ob-cat .ob-cat-opt:first-child{position:relative}.page .categories .ob-cat .ob-cat-opt:first-child:before{content:"";position:absolute;width:20px;height:20px;top:0;left:0;right:0;margin:auto;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.page #tags{border-radius:10px;box-shadow:inset 1px 1px 4px #ccc;padding:20px;background:#fafafa;margin:auto}.page #tag-typer{outline:none;border:none;padding:6px;margin:3px -25px 3px 3px;width:100px;background-color:initial;font-size:20px;color:#333}.page.one h1,.page.six h1{margin-bottom:0}.page.one p,.page.six p{margin-bottom:2rem;margin-top:0}.page.two{-webkit-justify-content:center;justify-content:center}.page.two h2{width:60%;min-width:180px}.page.three{margin:40px 50px 120px}.page.four>*{z-index:1}.page.four .bg-texture{position:absolute;top:10px;right:-5px;width:auto;z-index:0}.page.five button,.page.six button{width:auto;border-radius:15px;background:#8a8184;color:#eff0da}.page.five{-webkit-align-items:stretch;align-items:stretch;padding-bottom:200px}.page.five,.page.five .notif-buts{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.page.five .notif-buts{position:absolute;bottom:10px;left:40px;right:40px}.page.five .no{width:auto;background:transparent;color:#8a8184}.page.six button{position:absolute;bottom:0;left:0;width:calc(100% - 80px);margin:40px}.page.six h2{margin-bottom:0}.ob-cat .ob-cat-opt.selected{background:#fff!important;color:#635358!important}.cont-onboarding{position:absolute;bottom:20px;left:0;right:0;margin:auto;background:#8a8184;border-radius:50%;width:60px;height:60px}.cont-onboarding span{font-size:2rem;color:#fff}.error-msg{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;margin-bottom:40px}.error-msg img{max-width:250px;margin:20px}.error-msg p{margin-top:0}
/*# sourceMappingURL=main.230c2c6a.chunk.css.map */