a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}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;background-color:#e0ece4}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.header{font-family:"Lobster",cursive}.register-login{cursor:pointer;color:#32cd32}.nav-bar{margin:0 auto;justify-content:center;align-items:center;background-color:#fff;border-bottom:2px solid #e9ecef;padding:5px 0;width:100%}.nav-bar,.nav-bar .nav-logo-search{display:flex}.nav-bar .nav-logo-search a{color:#32cd32;cursor:pointer}.nav-bar .nav-logo-search a:hover{color:#32cd32}.nav-bar .nav-logo-search .nav-search{margin:0;border:1px solid silver;border-radius:25px;padding:8px 20px;width:400px;display:flex;justify-content:space-between;background:#f5f5f5}.nav-bar .nav-logo-search button:focus,.nav-bar .nav-logo-search input:focus{outline:none!important;outline-offset:none!important}.nav-bar .nav-logo-search .nav-search button,.nav-bar .nav-logo-search .nav-search input{border:none;background:none}.nav-bar .nav-logo-search .nav-search input{width:100%}.nav-bar .nav-logo-search .logo{font-family:"Dancing Script",cursive;font-size:2.5rem;color:#32cd32;cursor:pointer;margin-right:5%}.nav-bar .nav-icons{display:flex;align-items:center;margin:0}nav a{color:#32cd32;transition:.2s}nav a:hover{text-decoration:none;color:#32cd32}.nav-att{cursor:pointer;border:none;background:none;color:#000!important}.mobile-nav,.mobile-search,.mobile-top-logging{display:none}@media only screen and (max-width:800px){.nav-bar .nav-icons,.nav-bar .nav-logo-search .nav-search{display:none}.nav-bar .mobile-top-logging{display:inline;color:#000;position:absolute;top:0;right:0}.mobile-nav{display:flex;position:fixed;justify-content:space-evenly;width:100%;padding:5px 0;background-color:#fff;border-top:1px solid #f7f2e7;bottom:0;z-index:3}.mobile-nav .nav-mobile-att{color:#000!important}.mobile-nav .center{color:#32cd32!important}}#top{position:fixed;top:0}.card-posts{margin:10px auto;width:600px;display:flex;flex-direction:column;background-color:#fff;border:1px solid #f7f2e7}.card-posts .card-top{padding:10px 1%;border-bottom:1px solid #f7f2e7;display:flex;flex-wrap:wrap;align-items:center;width:100%}.card-posts .card-top p{margin-bottom:0}.card-posts .card-top .card-top-left-section{display:flex;align-items:center;width:70%}.card-posts .card-top .card-top-left-section .post-user{display:flex;flex-direction:column}.card-posts .card-top .card-top-left-section .post-user .fake-id{font-size:.9rem;margin:0;cursor:pointer}.card-posts .card-top .card-top-right-section{display:flex;justify-content:space-evenly;width:29%;align-items:center;font-size:1.2rem}.card-posts .body{background:#fff;border-bottom:1px solid #f7f2e7}.card-posts .body h2{font-size:1.7rem;font-family:"PT Sans Narrow",sans-serif}.card-posts .body .hash-tags{display:flex;flex-wrap:wrap;white-space:nowrap;width:100%}.card-posts .body .hash-tags .hash-tag{cursor:pointer;font-weight:700;margin:0 2% 0 0;font-size:1rem;color:silver}.card-posts .body .single-post-context{font-size:1.2rem;color:red;margin:10px 0;line-height:28px}.card-posts .bottom-section{display:flex;padding:2% 0}.card-posts .bottom-section .fa-comment{cursor:pointer;font-size:20px;margin:1% 3%;width:40%}.comment,.comment:hover,.title,.title:hover{color:#000;text-decoration:none}.pagination{display:flex;justify-content:center;margin:0 auto;width:600px}.cards:hover{border:1px solid #000}.posts{display:flex;justify-content:center;margin:60px auto 0}.posts .notification-bookmark{padding:3%;margin-top:10px;background-color:#fff}.posts .notification-bookmark p{text-align:center}@media only screen and (max-width:600px){.posts{display:block;margin:58px auto 69px;width:100%}.posts .card-posts{width:100%;display:flex;flex-wrap:wrap;justify-content:center;margin:2% auto}.posts .card-posts .card-body{width:100%}.pagination{display:flex;justify-content:center;margin:0 auto;width:auto}}.introduction{display:flex;justify-content:center;margin:10px 0 0}.comment-social-media{display:flex;justify-content:space-between}.top-posts{margin:10px 20px;height:90vh}.top-posts .top-hash-card,.top-posts .top-post-card{width:300px;background-color:#fff;margin-bottom:10px;padding:10px 0}.top-posts .top-hash-card .card-top,.top-posts .top-post-card .card-top{display:flex;padding:5px 0 0;justify-content:center;align-items:center}.top-posts .top-hash-card .card-bottom,.top-posts .top-post-card .card-bottom{margin:10px;text-decoration:none}.top-posts .top-hash-card .card-bottom h6,.top-posts .top-post-card .card-bottom h6{color:#000}.top-posts .top-hash-card .card-bottom h6:hover,.top-posts .top-post-card .card-bottom h6:hover{color:#000;text-decoration:none}.top-posts .top-hash-card .card-bottom p,.top-posts .top-post-card .card-bottom p{margin:5px 0 0;color:silver}.top-posts .twitter-follow{border:2px solid #00f}@media only screen and (max-width:1000px){.top-posts{background-color:red}.top-posts,.top-posts .top-hash-card,.top-posts .top-post-card{display:none}body,html{overflow-x:hidden}}.stick{position:-webkit-sticky;position:sticky;top:70px}.single-page{display:flex;justify-content:space-between}.single-page .go-back{width:28%;cursor:pointer;height:auto}.single-page .space{width:5%}.single-page .hashtags{width:33%}@media only screen and (max-width:600px){.single-page .go-back,.single-page .hashtags,.single-page .space{display:none}}.profile{margin-top:105px;display:flex;flex-direction:column;justify-content:center;margin-bottom:30px}.profile .image-profile-top-section{width:700px;height:9vh;background-color:#fff;display:flex;justify-content:center;margin:0 auto}.profile .image-profile-top-section .image{display:absolute;margin:-50px auto 0;border:10px solid #e0ece4}.profile .user-information{display:flex;width:700px;background-color:#fff;justify-content:center;align-items:center;flex-direction:column;margin:0 auto}.profile .user-information .user-detail{width:300px;margin:0 auto}.profile .user-information h2{font-size:3rem;margin:10px 0;font-family:"PT Sans Narrow",sans-serif}.profile .user-information p{font-size:1.2rem;margin:12px 0;color:#404040}.profile .user-information .follow-list{display:flex}.profile .user-information .follow-list p{margin-right:5px;margin-left:5px}.profile .user-information .profile-follow{display:flex;margin:0 auto;font-size:20px}.profile .user-information .profile-edit{margin:20px 0;font-size:25px}@media only screen and (max-width:600px){.card-profile,.profile .image-profile-top-section,.profile .user-information{width:100%}.profile-mobile{margin:0 auto 70px}}.profile-picture-setting{display:flex;justify-content:space-evenly;align-items:center}.following-list{display:flex;flex-direction:column;justify-content:center;align-content:center;padding:10px}.following-list .name-list{display:flex;align-items:center;padding:10px}.following-list .name-list:hover{background-color:#32cd32;border-radius:10px}.comment-section{padding:5px 0;background-color:#fff}.comment-section .comment{margin:10px;border:1px solid silver;border-radius:2px;padding:10px 20px}.comment-section .comment .comment_user{display:flex;align-items:center}.comment-section .comment .comment_user p{margin:10px;width:100%;font-size:15px}.comment-section .comment .comment_user .setting{display:flex;justify-content:flex-end;width:80%}.comment-section .comment p{margin:10px 0}.comment-section .comment .comments{font-family:"Raleway",sans-serif}.comment-form{background-color:#fff;padding:0 15px}.comment-form h3{font-size:20px;margin:12px 5px}.comment-form .button-area{display:flex;justify-content:flex-end}.comment-form .button-area .comment-post{width:100px}.update-card,.upload-card{width:600px;display:flex;flex-direction:column;background-color:#fff;padding:2%;justify-content:center;margin:1% auto}.update-card .text-area,.upload-card .text-area{border:none;font-family:"Raleway",sans-serif;font-size:1.5rem}.update-card .title-area,.upload-card .title-area{height:60px;line-height:50px}.update-card .hash-area,.upload-card .hash-area{height:30px}.update-card .text-area:focus,.update-card .title-area:focus,.upload-card .text-area:focus,.upload-card .title-area:focus{outline:none!important;outline-offset:none!important;border:none;overflow-wrap:break-word;border-color:none!important;box-shadow:none!important}.update-card .text-area::-webkit-input-placeholder,.upload-card .text-area::-webkit-input-placeholder{font-family:"Raleway",sans-serif;font-size:1rem;overflow-wrap:break-word}.update-card .text-area:-ms-input-placeholder,.upload-card .text-area:-ms-input-placeholder{font-family:"Raleway",sans-serif;font-size:1rem;overflow-wrap:break-word}.update-card .text-area::-ms-input-placeholder,.upload-card .text-area::-ms-input-placeholder{font-family:"Raleway",sans-serif;font-size:1rem;overflow-wrap:break-word}.update-card .text-area::placeholder,.upload-card .text-area::placeholder{font-family:"Raleway",sans-serif;font-size:1rem;overflow-wrap:break-word}.buttons{display:flex;margin:10px auto;width:600px}.feeling-modal{width:50%;margin:0 0 10px}.feeling-box{width:auto}.feeling-box .feeling-body{display:flex;flex-wrap:wrap;width:100%;justify-content:center}.feeling-box .feeling-body .feeling{width:48%;border:2px solid #32cd32;padding:2%;margin:2px;border-radius:10px;font-weight:700;color:#fff;background-color:#32cd32}.feeling-box .feeling-body .feeling:hover{background-color:green}.form{margin-top:80px}@media only screen and (max-width:600px){.form{margin:70px auto}.form .update-card,.form .upload-card{width:100%}.form .update-card .text-area::-webkit-input-placeholder,.form .upload-card .text-area::-webkit-input-placeholder{font-family:"Raleway",sans-serif;font-size:1rem;word-wrap:break-word}.form .update-card .text-area:-ms-input-placeholder,.form .upload-card .text-area:-ms-input-placeholder{font-family:"Raleway",sans-serif;font-size:1rem;word-wrap:break-word}.form .update-card .text-area::-ms-input-placeholder,.form .upload-card .text-area::-ms-input-placeholder{font-family:"Raleway",sans-serif;font-size:1rem;word-wrap:break-word}.form .update-card .text-area::placeholder,.form .upload-card .text-area::placeholder{font-family:"Raleway",sans-serif;font-size:1rem;word-wrap:break-word}.form .buttons{width:100%}.form .feeling-box .feeling-body{display:flex;flex-wrap:wrap;width:100%;justify-content:center}.form .feeling-box .feeling-body .feeling{width:98%}}.search-results{margin:60px auto 0;display:flex}.search-results .search{margin:10px;width:500px;display:block}.search-results .search .search-card{padding:3px 0;background-color:#fff}.search-results .search .search-card h2{padding:10px;font-size:1.5rem}.search-results .search .search-card .card-top-left-section{display:flex;margin:6px 0}@media only screen and (max-width:800px){.mobile-search{display:flex;background-color:#fff;justify-content:center;width:90%;border-radius:5px;padding:5px 15px;margin:70px auto 0}.mobile-search .search-input{width:100%}.mobile-search:active,.mobile-search button,.mobile-search input,:focus{border:none}.mobile-search button:focus,.mobile-search input:focus{outline:none!important;outline-offset:none!important}.search-posts{margin:10px auto 40px}.search-results{margin:0 0 40px;border:1px solid #f7f2e7}.search-results .search{width:100%;margin:10px 0}}.search-page{display:flex}.custom-switch{padding-left:0}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#dropdown-basic{background:none;border:none;margin:0 -10px}#dropdown-basic:focus{border-color:none!important;box-shadow:none!important}#dropdown-basic:after{display:none!important}
/*# sourceMappingURL=main.7b2eba18.chunk.css.map */