body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{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{background-color:#282c34;min-height:100vh;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;font-size:calc(10px + 2vmin);color:#fff}.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)}}:root{--main-color:#fff;--primary-green:#028c6a;--primary-lightgreen:#97baa4;--primary-yellow:#ebc57c;--primary-blue:#1d6a96;--text-lightgray:#ccc;--text-dark:#15201d;--logintext-color:var(--primary-green);--loginbutton-color:#fff;margin:0;padding:0}.topbarContainer{height:25%;width:100%;padding-top:2%;background-color:transparent;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;text-align:left}.topbarLeft{-webkit-flex:2 1;flex:2 1}.logo{font-size:12px;margin-left:48px;font-weight:700;color:#fff;color:var(--main-color);cursor:pointer;text-decoration:none}.topbarCenter{-webkit-flex:8 1;flex:8 1}.topbarRight{-webkit-flex:4 1;flex:4 1;display:-webkit-flex;display:flex;-webkit-align-items:left;align-items:left;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;color:#fff;color:var(--main-color)}.topbarText{font-weight:medium;text-decoration:none}.loginout,.topbarText{font-size:12px;color:#fff;color:var(--main-color);cursor:pointer}.loginout{text-align:center}.topbarUser{font-size:12px}.google_login_button{font-size:12px;border:none;background-color:transparent;cursor:pointer;color:#fff;color:var(--main-color)}.home{--bg-color:var(--primary-green);background-color:var(--bg-color)}.category{height:94vh;text-align:center;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.category::-webkit-scrollbar{width:5px;background-color:#000}.category::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.9);border-radius:2px}.home_space{-webkit-flex:1 1;flex:1 1}.zerowaste{font-size:90px;font-weight:700;color:hsla(0,0%,100%,.5);cursor:pointer}.zerowaste:hover span{color:#fff;font-size:130px}.zerowaste:hover .home{--bg-color:#ff0}.carbonfootprint{font-size:90px;font-weight:700;color:hsla(0,0%,100%,.5);cursor:pointer}.carbonfootprint:hover span{color:#fff;font-size:130px}.food{font-size:90px;font-weight:700;color:hsla(0,0%,100%,.5);cursor:pointer}.food:hover span{color:#fff;font-size:130px}.food:hover+img{opacity:1}.others{font-size:90px;font-weight:700;color:hsla(0,0%,100%,.5);cursor:pointer}.others:hover span{color:#fff;font-size:130px}.br .space{line-height:50%}.wrapper{width:92%;margin-left:3rem;margin-top:2rem;margin-bottom:2rem}.wrapper .d_title{height:40px;width:100%;position:relative}.wrapper .d_title input{height:100%;width:100%;border:none;outline:0;font-size:36px;color:var(--text-dark)}input::-webkit-input-placeholder{color:var(--text-lightgray)}input:-ms-input-placeholder{color:var(--text-lightgray)}input::placeholder{color:var(--text-lightgray)}.line{border:1px solid transparent;border-top:1px solid var(--primary-green)}.diaryinfo{height:32px;width:92%;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-left:3rem;margin-top:1rem}.date,.diaryinfo{-webkit-align-items:center;align-items:center}.datePicker{-webkit-transform:translate(-23%,-50%);transform:translate(-23%,-50%);font-size:16px;border:none}.d_category{font-size:16px;font-weight:thin;width:12rem}.contents_wrapper{margin:2rem 3rem;width:92%;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.contents_wrapper .d_contents{height:400px;width:70%;margin-right:3rem}.contents_wrapper .d_contents textarea{height:100%;width:100%;border:none;outline:0;font-size:24px;resize:none}textarea::-webkit-input-placeholder{color:var(--text-lightgray)}textarea:-ms-input-placeholder{color:var(--text-lightgray)}textarea::placeholder{color:var(--text-lightgray)}.contents_wrapper .image_preview{width:auto;height:auto;max-width:400px;max-height:400px;object-fit:contain}.d_buttons{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:25px 4%;border:solid;border-width:1px;border-color:transparent;border-top-color:var(--text-lightgray)}.d_buttons .image_button{-webkit-transform:translateY(5%);transform:translateY(5%);-webkit-flex:0.7 1;flex:0.7 1}.d_buttons .isPublic{-webkit-flex:1 1;flex:1 1;display:-webkit-flex;display:flex;text-align:center;font-size:18px}.d_buttons .isPublic,.public_button{-webkit-align-items:center;align-items:center}.public_button{-webkit-transform:translateY(10%);transform:translateY(10%);margin-right:16px}.d_buttons .space{-webkit-flex:5 1;flex:5 1}.d_buttons .done{width:160px;height:40px;background-color:#fff;color:var(--primary-green);letter-spacing:1px;outline:0;font-size:18px;font-weight:400;border-radius:100px;border:2px solid var(--primary-green);text-align:center;box-shadow:transparent}button{all:unset;cursor:pointer}.all{font-weight:400;color:var(--text-dark)}.post{width:650px;margin-bottom:28px;margin-right:28px;border-radius:10px;background-color:hsla(0,0%,100%,.5);border:1px solid transparent}.date{margin-top:25px;margin-bottom:6px;font-size:14px}.date,.title{margin-left:40px}.title{font-size:24px;font-weight:700;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.writer{margin-right:35px;margin-top:12px;font-size:14px;text-align:right}.contents{margin:1rem 40px 2rem;font-size:18px;text-align:center}.overview{background-color:#fff;border-radius:10px;width:630px;height:584px;margin-right:2rem;padding-top:1rem;text-align:center}.overview_zero{-webkit-transform:translate(-2%,30%);transform:translate(-2%,30%)}.overview_carbon{-webkit-transform:translate(23%,50%);transform:translate(23%,50%)}.overview_food{-webkit-transform:translate(-20%,30%);transform:translate(-20%,30%)}.overview_others{-webkit-transform:translate(10%,16%);transform:translate(10%,16%)}.overview_text{margin-top:5rem;font-size:18px}.my_container{display:-webkit-flex;display:flex;height:76.8vh}.overview{-webkit-flex:0 0 48%;flex:0 0 48%}.post_cards{-webkit-flex:0 0 45%;flex:0 0 45%;padding-top:0;margin-top:0;box-sizing:border-box;overflow-y:auto}.post_cards::-webkit-scrollbar{width:5px;background-color:transparent}.post_cards::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.9);border-radius:2px}.all{margin-left:3rem;margin-top:1rem;padding-bottom:3rem}.categoryName{margin-bottom:24px;background-color:transparent;text-align:left;font-size:40px;color:#fff;font-weight:700;padding:0}.post_cards{display:-webkit-inline-flex;display:inline-flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:stretch;align-items:stretch;-webkit-align-content:space-between;align-content:space-between}
/*# sourceMappingURL=main.97cdeb67.chunk.css.map */