@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,300;1,600&family=Roboto:wght@100;300;400;500;700;900&display=swap);body{background-color:#f3f4f6}a,a:visited{text-decoration:none}a:active,a:link,a:visited{color:#000}button:disabled{cursor:alias}.container{width:80%}.container,.m-auto{margin:auto}.inline{display:inline}.primary_btn{background-color:#fff;background-color:#00cee6;border:1px solid #00cee6;border-radius:2rem;color:#fff;cursor:pointer;font-size:1rem;padding:.8rem 1rem}.primary_clr{color:#00cee6}.text-input{border:none;font-size:1rem}.text-input:focus{border:none;outline:none}.error-message{background-color:#f87171;border-radius:1.4rem;color:#fff;padding:1rem .5rem 1rem 1rem;width:50%}.user_profile_pic_container img{border-radius:50%;height:50px;object-fit:cover;overflow:hidden;width:50px}.user_profile_pic_container svg{background-color:#fff;border-radius:50%;color:#00cee6;height:35px;object-fit:cover;overflow:hidden;width:35px}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{border:0;font-size:100%;font:inherit;margin:0;padding:0;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{font-family:roboto}.home_container{display:flex;justify-content:space-between}.home_container .sun_svg{position:absolute;right:2rem;top:-1.5rem}.home_container>*{margin-right:0}@media(max-width:899px){.home_container{display:flex;flex-direction:column}.home_container>*{margin-bottom:2rem;width:80vw!important}}.posts{flex-basis:30vw;width:40vw}@media(max-width:899px){.posts{width:80vw}}.navbar_container{background-color:#00cee6}.navbar_container .container{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:2rem;padding:.5rem}.navbar_container .nav__search-bar{background-color:#f3f4f6;border-radius:2rem;padding:1rem;width:40%}.navbar_container .nav__search-bar input{background-color:transparent;border-radius:2rem;margin-left:1rem;width:90%}.navbar_container .profile-icon-container{border:none}.navbar_container .profile-icon-container svg{color:#b7bcc8;cursor:pointer;height:50px;width:50px}.navbar_container .profile-icon-container .welcome-text{color:#000!important;font-size:1.2rem}.navbar_container .profile-icon-container .user_profile_pic_container{margin-right:1rem}.navbar_container .profile-icon-container .user_profile_pic_container:hover{cursor:pointer;height:50px;opacity:.9;width:50px}.navbar_container .profile-icon-container .user_profile_pic_container img{border-radius:50%;height:50px;object-fit:cover;overflow:hidden;width:50px}.navbar_container .brand_name{font-family:Barlow;font-size:2rem;font-weight:800;opacity:.8}.navbar_container .nav_login_btn{background-color:#fff;color:#000;font-size:large;font-weight:700}.navbar_container .logout-btn{background-color:#ef4444;border:none;color:#fff;cursor:pointer;font-size:1rem;letter-spacing:1px;min-width:4rem;padding:.5rem .75rem}.auth_modal_container .auth_tab_btn_container{margin-bottom:2rem}.auth_modal_container .auth_tab_btn_container button{background-color:#fff;border:.1rem solid pink;border-radius:2rem;color:#000;cursor:pointer;font-weight:700;letter-spacing:.5px;margin-right:1rem;padding:.4rem 1rem;text-transform:uppercase}.auth_modal_container .auth_tab_btn_container button.active{background-color:#00cee6;border:none;color:#fff}.auth_modal_container .auth_error_message{margin-top:1rem}.model_container{background-color:#fff;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);left:50%;left:0;margin-left:auto;margin-right:auto;min-height:70vh;min-width:30vw;padding:3rem;position:fixed;right:0;top:50%;top:10%;width:100px;z-index:100}@media(max-width:899px){.model_container{height:50%;left:0;top:0;width:70%}}.model_container .modal_close_btn{background-color:#b7bcc8;border:0;border-radius:1rem;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;font-weight:800;margin:1rem;position:absolute;right:0;top:0}label input{width:50%}.btn_login{background-color:#fff;background-color:#00cee6;border:1px solid #00cee6;border-radius:1.2rem;color:#fff;cursor:pointer;font-size:1rem;padding:.7rem 1.3rem;width:100%}.post-main-container{margin-bottom:2rem}.post-main-container .post-container{background-color:#fff;border-radius:1rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);line-height:1.5;min-width:30%;padding:1rem}.post-main-container .post-container .reaction-container{box-shadow:0 1px 2px 0 rgba(0,0,0,.05);display:flex;margin-top:1.5rem;padding:1rem}.post-main-container .post-container .reaction-container .icon{font-size:1.3rem}.post-main-container .upvote_container{color:#00cee6;height:auto;width:20px}.post-main-container .comment{color:#000;height:auto;opacity:.8;width:300px}@media(max-width:899px){.post-main-container .post-container{padding:1rem}}.img-icon img{aspect-ratio:1/1;border-radius:50%;margin-right:1rem;object-fit:cover;width:70px;width:3rem}.profile-details{display:flex;flex-direction:row}.title{word-wrap:break-word}a.full-name{font-size:16px;font-weight:600;letter-spacing:.05rem}a.full-name:hover{text-decoration:underline}.time-posted{align-items:center;color:#d3d3d3;display:flex;font-size:.8rem;letter-spacing:.01px}.post-details-container{display:flex;flex-direction:column}.header{display:flex;justify-content:space-between;margin-bottom:1rem}.post-image{border-radius:1rem;display:flex;justify-content:center;margin-top:1rem;overflow:hidden}.post-image img{border-radius:1rem;height:400px;object-fit:cover;width:100%;width:auto}.reaction-container>*{margin-right:2rem}.sidebar_container{background-color:#fff;border-radius:1rem;max-height:70vh}.sidebar_container .sidebar_item{border-radius:1rem;padding:1rem 1.5rem}.sidebar_container .sidebar_item span{margin-left:.5rem}.sidebar_container .sidebar_item.active{color:#00cee6}.sidebar_container .sidebar_item:hover{background-color:#00cee6;color:#fff;cursor:pointer}.sidebar_container .sidebar_profile{align-items:center;display:flex;margin-bottom:1.5rem}.sidebar_container .sidebar_profile img{border-radius:5%;height:50px;margin-right:1rem;object-fit:cover;width:70px}.sidebar_container .sidebar_profile .name{font-size:1.5rem}.sidebar_container .sidebar_profile .greeting{color:gray;line-height:2}.sidebar_container .create_post{background-color:#00cee6;border:1px solid #00cee6;color:#fff;cursor:pointer;font-size:1rem;margin-bottom:1rem;padding:.5rem .75rem;width:100%}.sidebar_container .create_post :disabled{opacity:.2}.sidebar_container .sidebar_recent_posts_container .title{font-size:1.5rem}@media(max-width:899px){.sidebar_container{box-shadow:none;max-height:none;max-width:none;min-height:10vh;position:relative;width:80%}.sidebar_container .title{display:none}}.ac__container{background-color:#fff;border-bottom:none;border-radius:.375rem;display:flex;flex-direction:column;height:75vh;margin-right:2rem;padding:0 1rem;right:2%;top:-80px;width:15vw}.ac__container .title{font-size:1.2rem;font-weight:700;padding:1rem}.ac__container .profile{align-items:center;cursor:pointer;display:flex;padding:1rem}.ac__container .profile .profile_info>*{margin-bottom:.5rem}.ac__container .profile>*{margin-right:1rem}.ac__container .profile:hover{background-color:#00cee6;color:#fff}.ac__container .profile img{border-radius:50%;height:50px;object-fit:cover;overflow:hidden;width:50px}@media(max-width:899px){.ac__container{box-shadow:none;max-height:none;max-width:none;min-height:10vh;position:relative;width:80%}}.createpost_container{background-color:#fff;border-radius:1rem;display:flex;flex-direction:column;margin-bottom:1rem;padding:1rem}.createpost_container .text_container{align-items:center;display:flex}.createpost_container .text_container :first-child{margin-right:.5rem}.createpost_container .bottom_container{display:flex;justify-content:space-between}.createpost_container>*{margin-bottom:1.8rem}.createpost_container input[type=text]{background-color:#f0f2f5;border-radius:2rem;padding:.5rem 1rem;width:100%}.createpost_container .primary_btn{border-radius:1.8rem;padding:.75rem 1.5rem}.createpost_container button{width:-webkit-max-content;width:max-content}@media(max-width:899px){.createpost_container{max-width:80vw}}.loading{color:pink}.onboard_container{background-image:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url(https://images.unsplash.com/photo-1574169208507-84376144848b?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1779&q=80);color:#fff;margin:2rem auto auto;min-height:60vh;padding:3rem;width:50%;width:100%}.onboard_container button[type=submit]{background-color:#00cee6;border:1px solid #00cee6;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem .75rem}.onboard_container button[type=submit] :disabled{opacity:.2}.onboard_container .onboard_content{margin:auto;width:50%}.onboard_container .onboard_heading{font-size:2rem;margin-top:2rem}.onboard_container .onboard_form{margin-top:2.5rem}.input_container{margin-bottom:1rem}label input{border:.5px solid #d3d3d3;border-radius:10px;height:2rem;letter-spacing:1.3px;margin-top:.5rem;padding:.15rem .6rem;width:100%}label input:focus{border:5px;outline-color:#00cee6}.profile-display-container{align-items:center;color:#000;display:flex;flex-direction:column;font-size:2rem;margin-bottom:2rem;min-height:20vh;padding:1rem}.profile-display-container .profile-display-image-container{background-image:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5),url("https://source.unsplash.com/random"))}.profile-display-container .profile-inner{align-items:center;display:flex;justify-content:space-around}.profile-display-container .profile-inner img{border-radius:30%;display:block}
/*# sourceMappingURL=main.1e316248.css.map*/