@import url(https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,700;1,300;1,400;1,500;1,700&display=swap);@media screen and (min-width:1024px){.Login{align-items:center;flex-direction:row;height:100vh;justify-content:space-evenly;overflow:hidden;width:100%}.Login,.Login .hex-container{display:flex;position:relative}.Login .hex-container{left:-100px;top:-350px;-webkit-transform:translateY(-70%);transform:translateY(-70%)}.Login .hex-container img{margin-left:-38px;width:180px}.Login .hex-container img:nth-of-type(2){left:-20px;position:relative;top:70px}.Login .hex-container img:nth-of-type(3){left:-40px;position:relative}.Login .hex-container img:nth-of-type(4){left:-60px;position:relative;top:70px}.Login .hex-container img:nth-of-type(5){left:-80px;position:relative;top:140px}.Login .slogan-container{bottom:50px;color:#494747;font-weight:700;overflow:hidden;position:relative;right:250px}.Login .slogan-container span{display:inline-block;font-size:50px;margin-left:3px}.Login .slogan-container .come,.Login .slogan-container .ideas,.Login .slogan-container .together{margin-left:20px}.Login .logo{align-items:flex-end;display:flex;flex-direction:column-reverse;height:85%;width:55%}.Login .logo .logo-header{color:#6b6a6a;font-size:2rem;letter-spacing:1.3rem;margin:1rem}.Login .logo .logo-image{position:relative;right:5rem;width:150px}.Login .Login-form{height:100%;margin:1rem;width:50%}.Login .Login-form .login-header{color:#494747;font-family:Ubuntu;font-size:2.5rem;position:relative;top:3.5rem}.Login .Login-form .log-input{border:none;border-radius:10px;padding:.5rem;width:100%}.Login .Login-form .log-input:focus{outline:none}.Login .Login-form .outerLogin{align-items:center;display:flex;flex-direction:column;height:90%;justify-content:space-evenly;margin:.5rem;position:relative;width:95%}.Login .Login-form .outerLogin .button-login{background-color:#6c66ee;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;height:2.5rem;position:relative;top:100px;transition:font-size .1s ease-out;width:10rem}.Login .Login-form .outerLogin .button-login:hover{background-color:#fff;color:#6c66ee;font-size:1.2rem}.Login .Login-form .outerLogin .button-login:disabled{background-color:gray;color:#fff;font-size:1rem}.Login .Login-form .outerLogin .login-register-form{align-items:center;display:flex;flex-direction:column;height:50%;justify-content:space-evenly;width:40%}.Login .Login-form .outerLogin .innerLogin{height:8rem;margin:.2rem;width:100%}.Login .Login-form .outerLogin .innerLogin .message{color:#3b3737;font-family:Ubuntu;font-size:.7rem;font-weight:500;margin:.5rem}.Login .Login-form .outerLogin .login-user{align-content:center;border:1px solid #b1b1b1;border-radius:10px;display:flex}.Login .Login-form .outerLogin .login-user .icon-login{border-radius:50%;color:#483fe7;font-size:1.3rem;margin-left:.5rem;margin-right:.5rem;margin-top:.3rem}.Login .Login-form .outerLogin .login-user .red{color:red}.Login .Login-form .outerLogin .login-user:focus-within{border:2px solid #6c66ee}.Login .Login-form .outerLogin .login-user .placeholder{color:hsla(0,0%,50%,.699);font-size:.9rem;font-weight:500;margin:.5rem}.Login .Login-form .outerLogin .allready-register{align-items:center;display:flex;height:3rem;margin-left:1rem}.Login .Login-form .outerLogin .allready-register .allreadyText{font-size:1rem}.Login .Login-form .outerLogin .allready-register .hover-underline-animation{color:#6c66ee;display:inline-block;font-weight:700;margin:1rem;position:relative;text-decoration:none}.Login .Login-form .outerLogin .allready-register .hover-underline-animation:after{background-color:#6c66ee;bottom:0;content:"";height:3px;left:0;position:absolute;top:1.5rem;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:bottom right;transform-origin:bottom right;transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out;width:100%}.Login .Login-form .outerLogin .allready-register .hover-underline-animation:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:bottom left;transform-origin:bottom left}.red{color:red}}*{font-family:Ubuntu,sans-serif}@media screen and (min-width:1024px){.Register{align-items:center;display:flex;flex-direction:row;height:100vh;justify-content:space-evenly;overflow:hidden;position:relative;width:100%}.Register .hex-container{display:flex;left:-100px;position:relative;top:-350px;-webkit-transform:translateY(-70%);transform:translateY(-70%)}.Register .hex-container img{margin-left:-38px;width:180px}.Register .hex-container img:nth-of-type(2){left:-20px;position:relative;top:70px}.Register .hex-container img:nth-of-type(3){left:-40px;position:relative}.Register .hex-container img:nth-of-type(4){left:-60px;position:relative;top:70px}.Register .hex-container img:nth-of-type(5){left:-80px;position:relative;top:140px}.Register .slogan-container{bottom:50px;color:#494747;font-weight:700;overflow:hidden;position:relative;right:250px}.Register .slogan-container span{display:inline-block;font-size:50px;margin-left:3px;position:relative}.Register .slogan-container .come,.Register .slogan-container .ideas,.Register .slogan-container .together{margin-left:20px}.Register .logo{align-items:flex-end;display:flex;flex-direction:column-reverse;height:85%;width:55%}.Register .logo .logo-header{color:#6b6a6a;font-size:2rem;letter-spacing:1.3rem;margin:1rem}.Register .logo .logo-image{position:relative;right:5rem;width:150px}.Register .Login-form{height:100%;margin:1rem;width:50%}.Register .Login-form .login-header{color:#494747;font-family:Ubuntu;font-size:2.5rem;position:relative;top:3.5rem}.Register .Login-form input{border:none;border-radius:10px;padding:.5rem;width:100%}.Register .Login-form input:focus{outline:none}.Register .Login-form .outerLogin{align-items:center;display:flex;flex-direction:column;height:90%;justify-content:space-evenly;margin:.5rem;position:relative;width:95%}.Register .Login-form .outerLogin .button-login{background-color:#6c66ee;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;height:2.5rem;position:relative;transition:font-size .1s ease-out;width:10rem}.Register .Login-form .outerLogin .button-login:hover{background-color:#fff;color:#6c66ee;font-size:1.2rem}.Register .Login-form .outerLogin .button-login:disabled{background-color:gray;color:#fff}.Register .Login-form .outerLogin form{align-items:center;display:flex;flex-direction:column;height:70%;justify-content:space-evenly;position:relative;top:50px;width:40%}.Register .Login-form .outerLogin .innerLogin:first-child{height:5.5rem}.Register .Login-form .outerLogin .innerLogin:nth-child(2){height:5rem}.Register .Login-form .outerLogin .innerLogin{height:7.5rem;margin:.2rem;width:100%}.Register .Login-form .outerLogin .innerLogin .message{color:#3b3737;font-family:Ubuntu;font-size:.7rem;font-weight:500;margin:.5rem}.Register .Login-form .outerLogin .login-user{align-content:center;border:1px solid #b1b1b1;border-radius:10px;display:flex}.Register .Login-form .outerLogin .login-user .icon-login{border-radius:50%;color:#6c66ee;font-size:1.3rem;margin-left:.5rem;margin-right:.5rem;margin-top:.3rem}.Register .Login-form .outerLogin .login-user .red{color:red}.Register .Login-form .outerLogin .login-user:focus-within{border:2px solid #6c66ee}.Register .Login-form .outerLogin .login-user .placeholder{color:hsla(0,0%,50%,.699);font-size:.9rem;font-weight:500;margin:.5rem}.Register .Login-form .outerLogin .allready-register{align-items:center;display:flex;height:3rem;margin-left:1rem;position:relative;top:30px}.Register .Login-form .outerLogin .allready-register .allreadyText{font-size:1rem}.Register .Login-form .outerLogin .allready-register .hover-underline-animation{color:#6c66ee;display:inline-block;font-weight:700;margin:1rem;position:relative;text-decoration:none}.Register .Login-form .outerLogin .allready-register .hover-underline-animation:after{background-color:#6c66ee;bottom:0;content:"";height:3px;left:0;position:absolute;top:1.5rem;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:bottom right;transform-origin:bottom right;transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out;width:100%}.Register .Login-form .outerLogin .allready-register .hover-underline-animation:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:bottom left;transform-origin:bottom left}}.show-dashboard{-webkit-transform:translate(1);transform:translate(1)}.dashboard{background:#fff;border:1px solid gray;border-radius:10px;color:#000;display:flex;flex-direction:column;height:715px;justify-content:space-around;left:1rem;padding:0 30px;position:absolute;row-gap:1rem;top:8.3rem;-webkit-transform:translate(0);transform:translate(0);transition:all .3s linear;width:250px}.dashboard .dashboard_info{margin-top:.3rem}.dashboard .dashboard_user_data{margin:.3rem 0;padding:.2rem;width:100%}.dashboard .dashboard_user_data .dashboard_logo{align-items:right;display:flex;flex-direction:column}.dashboard .dashboard_user_data .dashboard_logo img{width:120px}.dashboard .dashboard_user_data .dashboard_logo h2{color:#686868;font-size:.8rem;margin-bottom:2rem}.dashboard .dashboard_user_data .dashboard_info{font-size:1rem;margin-top:.3rem}.dashboard .dashboard_user_settings{display:flex;flex-direction:column;margin-top:.3rem;text-decoration:none}.dashboard .dashboard_user_settings .dashboard_info{color:#2c2c2c;cursor:pointer;display:block;margin-top:2rem;position:relative;text-decoration:none}.dashboard .dashboard_user_settings .dashboard_five,.dashboard .dashboard_user_settings .dashboard_four,.dashboard .dashboard_user_settings .dashboard_one,.dashboard .dashboard_user_settings .dashboard_seven,.dashboard .dashboard_user_settings .dashboard_six,.dashboard .dashboard_user_settings .dashboard_three,.dashboard .dashboard_user_settings .dashboard_two{color:#2c2c2c;cursor:pointer;display:inline-block;margin-top:1.5rem;position:relative;text-decoration:none}.dashboard .dashboard_user_settings .dashboard_one:after{width:50%}.dashboard .dashboard_user_settings .dashboard_one:after,.dashboard .dashboard_user_settings .dashboard_two:after{background-color:#2c2c2c;bottom:0;content:"";height:3px;left:0;position:absolute;top:1.5rem;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:bottom right;transform-origin:bottom right;transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out}.dashboard .dashboard_user_settings .dashboard_two:after{width:48%}.dashboard .dashboard_user_settings .dashboard_three:after{background-color:#2c2c2c;bottom:0;content:"";height:3px;left:0;position:absolute;top:1.5rem;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:bottom right;transform-origin:bottom right;transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out;width:23%}.dashboard .dashboard_user_settings .dashboard_five:after,.dashboard .dashboard_user_settings .dashboard_four:after{width:30%}.dashboard .dashboard_user_settings .dashboard_five:after,.dashboard .dashboard_user_settings .dashboard_four:after,.dashboard .dashboard_user_settings .dashboard_six:after{background-color:#2c2c2c;bottom:0;content:"";height:3px;left:0;position:absolute;top:1.5rem;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:bottom right;transform-origin:bottom right;transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out}.dashboard .dashboard_user_settings .dashboard_six:after{width:50%}.dashboard .dashboard_user_settings .dashboard_seven:after{background-color:#2c2c2c;bottom:0;content:"";height:3px;left:0;position:absolute;top:1.5rem;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:bottom right;transform-origin:bottom right;transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out;width:15%}.dashboard .dashboard_user_settings .dashboard_five:hover:after,.dashboard .dashboard_user_settings .dashboard_four:hover:after,.dashboard .dashboard_user_settings .dashboard_one:hover:after,.dashboard .dashboard_user_settings .dashboard_seven:hover:after,.dashboard .dashboard_user_settings .dashboard_six:hover:after,.dashboard .dashboard_user_settings .dashboard_three:hover:after,.dashboard .dashboard_user_settings .dashboard_two:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:bottom left;transform-origin:bottom left}@media screen and (min-width:1024px){.Navbar{background-color:#fff;left:0;position:fixed;top:0;width:100%;z-index:1}.Navbar .upper-nav{font-size:1rem;margin:1rem .2rem}.Navbar .upper-nav,.Navbar .upper-nav .nav-home{align-items:center;display:flex;justify-content:space-between}.Navbar .upper-nav .nav-home{width:25%}.Navbar .upper-nav .nav-home .user-avatar{border:1px solid #444;border-radius:50%;cursor:pointer;margin-left:2.5rem;width:2.5rem}.Navbar .upper-nav .nav-home .navlink_moments,.Navbar .upper-nav .nav-home .navlink_profile{color:#2e2e2e;cursor:pointer;font-size:1.2rem;position:relative;text-decoration:none}.Navbar .upper-nav .nav-home .navlink_moments:active,.Navbar .upper-nav .nav-home .navlink_profile:active{color:aqua}.Navbar .upper-nav .nav-home .navlink_moments:after,.Navbar .upper-nav .nav-home .navlink_profile:after{background-color:#2c2c2c;bottom:0;content:"";height:3px;left:0;position:absolute;top:2rem;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:bottom right;transform-origin:bottom right;transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out;width:100%}.Navbar .upper-nav .nav-home .navlink_moments:hover:after,.Navbar .upper-nav .nav-home .navlink_profile:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:bottom left;transform-origin:bottom left}.Navbar .upper-nav .nav-create{align-items:center;display:flex;justify-content:space-between;width:25%}.Navbar .upper-nav .nav-create .create-link{background-color:aqua;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:8px;text-decoration:none;width:9rem}.Navbar .upper-nav .nav-create .create-link:hover{background-color:#fff;color:aqua;font-size:1.2rem}.Navbar .upper-nav .nav-create .nav-date{font-size:.8rem;font-weight:500;margin-right:1rem}.Navbar .lower-nav{align-items:center;display:flex;justify-content:space-between;padding:.2rem}.Navbar .lower-nav .nav-greeting{color:#3d3d3d;font-size:.8rem;font-weight:700;margin-left:1.5rem}.search-bar{align-items:center;display:flex;height:32px;padding:.5rem;width:25%}.search-bar .search-icon{background-color:#fff;font-size:1.5rem;margin:.5rem}.search-bar .nav-searchInput{border:none;border-bottom:3px solid hsla(0,0%,50%,.342);height:100%;margin:.5rem;padding:1rem;width:100%}.search-bar .nav-searchInput:focus{border-bottom:3px solid #6d66ee6c;outline:none}}footer{background-color:#fff;bottom:0;height:100px;left:0;position:fixed;width:100%}footer,footer .logo-logout{display:flex;justify-content:space-between}footer .logo-logout{align-items:center;height:100%;width:56%}footer .logo-logout .animated-logo{position:relative;width:180px}footer .logo-logout .animated-logo img{height:30px;width:30px}footer .logo-logout .animated-logo img:nth-of-type(2){left:-7px;position:relative;top:13px}footer .logo-logout .animated-logo img:nth-of-type(3){left:-15px;position:relative;top:0}footer .logo-logout .animated-logo img:nth-of-type(4){left:-23px;position:relative;top:13px}footer .logo-logout .animated-logo img:nth-of-type(5){left:-31px;position:relative;top:26px}footer .logo-logout .logout-button{background-color:#6c66ee;border:none;border-radius:10px;color:#fff;font-size:1rem;font-weight:600;left:100px;padding:10px;position:relative;text-align:center;text-decoration:none;transition:font-size .1s ease-out;width:6rem}footer .logo-logout .logout-button:hover{background-color:#fff;color:#6c66ee;font-size:1.1rem}footer .logo-logout .logo{margin-top:20px;width:100px}footer .git_team{align-items:center;display:flex;justify-content:space-evenly;width:30%}footer .git_team .git_icon{font-size:2rem}footer .git_team .team_links{font-size:.7rem;text-decoration:none}footer .git_team .team_links p{margin:.2rem}footer .git_team .team_links p a{color:#6c66ee;text-decoration:none}@media screen and (min-width:1024px){.Moments{align-items:center;background-color:#fff;display:flex;flex-direction:column;margin-bottom:300px;position:relative;top:110px;width:100%;z-index:0}.Moments .allUser_postfeed{background-color:#fff;border:1px solid gray;border-radius:10px;margin:1rem;width:25%}.Moments .allUser_postfeed .postfeed_header{align-items:center;display:flex;padding:.5rem;width:100%}.Moments .allUser_postfeed .postfeed_header .avatar{background-color:#fff;border:1px solid gray;border-radius:50%;width:9%}.Moments .allUser_postfeed .postfeed_header .username{font-size:1rem;margin-left:1rem}.Moments .allUser_postfeed .postfeed_content_subheader{font-size:.8rem;padding:.5rem;width:100%}.Moments .allUser_postfeed .postfeed_content_subheader .date{font-size:1rem;font-weight:800;margin:.2rem}.Moments .allUser_postfeed .postfeed_content_subheader .title{font-size:.8rem;font-weight:500;margin:.2rem}.Moments .allUser_postfeed .postfeed_content_imgtext{border-radius:5px;display:flex;flex-direction:column;justify-content:center;margin:5px;overflow:hidden}.Moments .allUser_postfeed .postfeed_content_imgtext .allUserPost_image{align-self:center;border-radius:5px;margin:10px;object-fit:cover;object-position:0 100%;width:100%}.Moments .allUser_postfeed .postfeed_content_imgtext .allUserPost_text{padding:1rem}.Moments .allUser_postfeed .postfeed_content_imgtext .allUserPost_webUrl{color:#6d66ee;cursor:pointer;font-size:.8rem;margin:.5rem;text-decoration:none}.Moments .allUser_postfeed .postfeed{padding:5px}.Moments .allUser_postfeed .postfeed .postfeed_menu{padding:.2rem}.Moments .allUser_postfeed .postfeed .postfeed_menu .postfeed_icons{background-color:transparent;border:none;color:#424242;font-size:1.5rem;margin-left:2rem}.Moments .allUser_postfeed .postfeed .postfeed_commentSection{width:100%}.Moments .allUser_postfeed .postfeed .postfeed_commentSection .postfeed_content_reply{align-content:center;border-radius:10px;display:flex;margin:.5rem}.Moments .allUser_postfeed .postfeed .postfeed_commentSection .postfeed_content_reply .postfeed_content_reply_user{align-content:center;background-color:transparent;border-radius:10px;display:flex;justify-content:space-between;width:100%}.Moments .allUser_postfeed .postfeed .postfeed_commentSection .postfeed_content_reply .postfeed_content_reply_user .postfeed_content_userfield{align-items:center;display:flex;font-size:.9rem;margin:.2rem;word-break:break-all}.Moments .allUser_postfeed .postfeed .postfeed_commentSection .postfeed_content_reply .postfeed_content_reply_user .postfeed_content_userfield .postfeed_content_userAvatar{background-color:#fff;border:1px solid gray;border-radius:50%;margin-left:.3rem;margin-right:.3rem;width:7%}.Moments .allUser_postfeed .postfeed .postfeed_commentSection .postfeed_content_reply .postfeed_content_reply_user .comment__delete-btn{background-color:transparent;border:none;border-radius:50%;color:red;cursor:pointer;font-size:1.1rem;margin:.5rem;width:30px}.Moments .allUser_postfeed .postfeed .postfeed_commentSection .postfeed_content_reply:nth-child(odd){background-color:#00ffff70}.Moments .allUser_postfeed .postfeed .postfeed_commentSection .postfeed_content_reply:nth-child(2n){background-color:#6d66ee54}.Moments .allUser_postfeed .postfeed .postfeed_commentSection .postfeed_comment_input{border-bottom:3px solid gray;display:flex;justify-content:space-between;margin:1rem .4rem;padding:.3rem}.Moments .allUser_postfeed .postfeed .postfeed_commentSection .postfeed_comment_input input{border:none;margin-left:.5rem;outline:none;width:100%}.Moments .allUser_postfeed .postfeed .postfeed_commentSection .postfeed_comment_input .postfeed_comment_input_button{background:#fff;border:none;cursor:pointer;font-size:1rem;margin:.5rem}.profile .private{background-color:#6d66ee;border-radius:10px;margin:1rem;overflow:auto;width:30%}.profile .private .profile-header{background-color:#6d66eeb4;border-radius:10px;color:#fff;height:50px;position:fixed;width:30%;z-index:1}.profile .private .profile-header .profile-title{font-size:1.5rem;margin:1rem}.profile .private .currentUserPost{background-color:#fff;border:1px solid gray;border-radius:10px;margin:1.5rem 1rem;position:relative;top:50px}.profile .private .currentUserPost .currentUserPost-toolbar{align-items:center;display:flex;justify-content:space-between;padding:.5rem;width:100%}.profile .private .currentUserPost .currentUserPost-toolbar .deleteIcon,.profile .private .currentUserPost .currentUserPost-toolbar .editIcon{font-size:1.5rem;margin:.5rem}.profile .private .currentUserPost .postfeed_content_subheader{font-size:.8rem;padding:.5rem;width:100%}.profile .private .currentUserPost .postfeed_content_subheader .date{font-size:1rem;font-weight:800;margin:.2rem}.profile .private .currentUserPost .postfeed_content_subheader .title{font-size:.8rem;font-weight:500;margin:.2rem}.profile .private .currentUserPost .postfeed_content .postfeed_content_imgtext{border-radius:5px;display:flex;flex-direction:column;justify-content:center;margin:5px;overflow:hidden}.profile .private .currentUserPost .postfeed_content .postfeed_content_imgtext .allUserPost_image{align-self:center;border-radius:5px;margin:10px;object-fit:cover;object-position:0 100%;width:100%}.profile .private .currentUserPost .postfeed_content .postfeed_content_imgtext .allUserPost_text{padding:1rem}.profile .private .currentUserPost .postfeed_content .postfeed_content_imgtext .allUserPost_webUrl{color:#6d66ee;cursor:pointer;font-size:.8rem;margin:.5rem;text-decoration:none}.profile .private .currentUserPost .postfeed{padding:5px}.profile .private .currentUserPost .postfeed .postfeed_menu{padding:.2rem}.profile .private .currentUserPost .postfeed .postfeed_menu .postfeed_icons{background-color:transparent;border:none;color:#424242;font-size:1.5rem;margin-left:1rem}.profile .private .currentUserPost .postfeed .postfeed_commentSection{margin-top:1rem;width:100%}.profile .private .currentUserPost .postfeed .postfeed_commentSection .postfeed_content_reply{align-content:center;border-radius:10px;display:flex;margin:.5rem;overflow-wrap:break-word}.profile .private .currentUserPost .postfeed .postfeed_commentSection .postfeed_content_reply .postfeed_content_reply_user{align-content:center;background-color:transparent;border-radius:10px;display:flex;justify-content:space-between;width:100%}.profile .private .currentUserPost .postfeed .postfeed_commentSection .postfeed_content_reply .postfeed_content_reply_user .postfeed_content_userfield{align-items:center;display:flex;font-size:.9rem;margin:.3rem;word-break:break-all}.profile .private .currentUserPost .postfeed .postfeed_commentSection .postfeed_content_reply .postfeed_content_reply_user .postfeed_content_userfield .postfeed_content_userAvatar{background-color:#fff;border:1px solid gray;border-radius:50%;margin-left:.3rem;margin-right:.3rem;width:7%}.profile .private .currentUserPost .postfeed .postfeed_commentSection .postfeed_content_reply .postfeed_content_reply_user .comment__delete-btn{background-color:transparent;border:none;border-radius:50%;color:red;font-size:1.3rem;padding:.5rem}.profile .private .currentUserPost .postfeed .postfeed_commentSection .postfeed_content_reply:nth-child(odd){background-color:#bdc0f0}.profile .private .currentUserPost .postfeed .postfeed_commentSection .postfeed_content_reply:nth-child(2n){background-color:aqua}.profile .private .currentUserPost .postfeed .postfeed_commentSection .postfeed_comment_input{border-bottom:3px solid gray;display:flex;justify-content:space-between;margin:1rem .4rem;padding:.3rem}.profile .private .currentUserPost .postfeed .postfeed_commentSection .postfeed_comment_input input{border:none;margin-left:.5rem;outline:none;width:100%}.profile .private .currentUserPost .postfeed .postfeed_commentSection .postfeed_comment_input .postfeed_comment_input_button{background:#fff;border:none;font-size:1.1rem;padding:.3rem}}*{box-sizing:border-box;margin:0;padding:0}* ::-webkit-scrollbar{width:5px}* ::-webkit-scrollbar-track{background:transparent;margin-bottom:5px;margin-top:50px}* ::-webkit-scrollbar-thumb{background:#bdc0f0;border-radius:10px}@media screen and (min-width:1024px){.profile{display:flex;height:748px;justify-content:center;position:relative;top:110px;width:100%;z-index:0}.profile .public{background-color:aqua;border-radius:10px;margin:1rem;overflow:auto;width:30%}.profile .public .profile-header{background-color:#00ffffc7;border-top-left-radius:10px;border-top-right-radius:10px;color:#fff;height:50px;position:fixed;width:29.9%;z-index:1}.profile .public .profile-header .profile-title{font-size:1.5rem;margin:1rem}.profile .public .currentUserPost{background-color:#fff;border:1px solid gray;border-radius:10px;margin:1.5rem 1rem;position:relative;top:50px}.profile .public .currentUserPost .currentUserPost-toolbar{align-items:center;display:flex;justify-content:space-between;padding:.5rem;width:100%}.profile .public .currentUserPost .currentUserPost-toolbar .deleteIcon,.profile .public .currentUserPost .currentUserPost-toolbar .editIcon{font-size:1.5rem;margin:.5rem}.profile .public .currentUserPost .postfeed_content_subheader{font-size:.8rem;padding:.5rem;width:100%}.profile .public .currentUserPost .postfeed_content_subheader .date{font-size:1rem;font-weight:800;margin:.2rem}.profile .public .currentUserPost .postfeed_content_subheader .title{font-size:.8rem;font-weight:500;margin:.2rem}.profile .public .currentUserPost .postfeed_content .postfeed_content_imgtext{border-radius:5px;display:flex;flex-direction:column;justify-content:center;margin:5px;overflow:hidden}.profile .public .currentUserPost .postfeed_content .postfeed_content_imgtext .allUserPost_image{align-self:center;border-radius:5px;margin:10px;object-fit:cover;object-position:0 100%;width:100%}.profile .public .currentUserPost .postfeed_content .postfeed_content_imgtext .allUserPost_text{padding:1rem}.profile .public .currentUserPost .postfeed_content .postfeed_content_imgtext .allUserPost_webUrl{color:#6d66ee;cursor:pointer;font-size:.8rem;margin:.5rem;text-decoration:none}.profile .public .currentUserPost .postfeed{padding:5px}.profile .public .currentUserPost .postfeed .postfeed_menu{padding:.2rem}.profile .public .currentUserPost .postfeed .postfeed_menu .postfeed_icons{background-color:transparent;border:none;color:#424242;font-size:1.5rem;margin-left:1rem}.profile .public .currentUserPost .postfeed .postfeed_commentSection{margin-top:1rem;width:100%}.profile .public .currentUserPost .postfeed .postfeed_commentSection .postfeed_content_reply{align-content:center;border-radius:10px;display:flex;margin:.5rem;overflow-wrap:break-word}.profile .public .currentUserPost .postfeed .postfeed_commentSection .postfeed_content_reply .postfeed_content_reply_user{align-content:center;background-color:transparent;border-radius:10px;display:flex;justify-content:space-between;width:100%}.profile .public .currentUserPost .postfeed .postfeed_commentSection .postfeed_content_reply .postfeed_content_reply_user .postfeed_content_userfield{align-items:center;display:flex;font-size:.9rem;margin:.3rem;word-break:break-all}.profile .public .currentUserPost .postfeed .postfeed_commentSection .postfeed_content_reply .postfeed_content_reply_user .postfeed_content_userfield .postfeed_content_userAvatar{background-color:#fff;border:1px solid gray;border-radius:50%;margin-left:.3rem;margin-right:.3rem;width:7%}.profile .public .currentUserPost .postfeed .postfeed_commentSection .postfeed_content_reply .postfeed_content_reply_user .comment__delete-btn{background-color:transparent;border:none;border-radius:50%;color:red;font-size:1.3rem;padding:.5rem}.profile .public .currentUserPost .postfeed .postfeed_commentSection .postfeed_content_reply:nth-child(odd){background-color:#bdc0f0}.profile .public .currentUserPost .postfeed .postfeed_commentSection .postfeed_content_reply:nth-child(2n){background-color:aqua}.profile .public .currentUserPost .postfeed .postfeed_commentSection .postfeed_comment_input{border-bottom:3px solid gray;display:flex;justify-content:space-between;margin:1rem .4rem;padding:.3rem}.profile .public .currentUserPost .postfeed .postfeed_commentSection .postfeed_comment_input input{border:none;margin-left:.5rem;outline:none;width:100%}.profile .public .currentUserPost .postfeed .postfeed_commentSection .postfeed_comment_input .postfeed_comment_input_button{background:#fff;border:none;font-size:1.1rem;padding:.3rem}}.Settings{display:flex;height:736px;justify-content:right;position:relative;top:120px}.Settings .change-pass{align-items:left;background-color:#6c66ee;border-radius:10px;display:flex;flex-direction:column;height:85%;justify-content:space-between;padding:1.5rem;width:30%}.Settings .change-pass header{color:#fff;position:relative;top:-10px}.Settings .change-pass .update-form{align-items:center;background-color:#fff;border-radius:10px;display:flex;flex-direction:column;height:95%;justify-content:space-evenly;padding:1rem;width:100%}.Settings .change-pass .update-form input{border:none;border-radius:10px;padding:.5rem;width:100%}.Settings .change-pass .update-form input:focus{outline:none}.Settings .change-pass .update-form .settings-form-section{height:15%;margin-top:.5rem;width:95%}.Settings .change-pass .update-form .settings-form-section .message{color:#3b3737;font-family:Ubuntu;font-size:.7rem;font-weight:500;margin:.5rem;text-align:left}.Settings .change-pass .update-form .settings-form-section .update-user-pass{border:1px solid #b1b1b1;border-radius:10px;display:flex}.Settings .change-pass .update-form .settings-form-section .update-user-pass .icon-login{border-radius:50%;color:#0986ec;font-size:1.3rem;margin-left:.5rem;margin-right:.5rem;margin-top:.3rem}.Settings .change-pass .update-form .settings-form-section .update-user-pass .red{color:red}.Settings .change-pass .update-form .settings-form-section .update-user-pass:focus-within{border:2px solid #0986ec}.Settings .change-pass .update-form .settings-form-section .update-user-pass .placeholder{color:hsla(0,0%,50%,.699);font-size:.9rem;font-weight:500;margin:.5rem}.Settings .change-pass .update-form .submitButton{background-color:#6c66ee;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;height:2.5rem;transition:font-size .1s ease-out;width:10rem}.Settings .change-pass .update-form .submitButton:hover{background-color:#fff;color:#6c66ee;font-size:1.2rem}.Settings .change-pass .update-form .submitButton:disabled{background-color:gray;color:#fff;font-size:1rem}.Settings .container{align-items:center;display:flex;justify-content:space-between;padding:2rem;width:80%}.Settings .themes{border:1px solid gray;border-radius:10px;height:85%;padding:1rem;width:65%}.Settings .themes h1{margin-left:2rem}@media screen and (min-width:1024px){.overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(26,25,25,.15);display:grid;height:100%;left:0;overflow:auto;place-items:center;position:fixed;top:0;width:100%;z-index:1000}.overlay .post-container{background:#fff;border-radius:10px;width:45%}.overlay .createpost-header{align-items:center;display:flex;justify-content:space-between;padding:.5rem;width:100%}.overlay .createpost-header .createpost-header-team{align-items:center;color:gray;display:flex;font-weight:700;width:80%}.overlay .createpost-header .createpost-header-team .logo{margin-right:.5rem;width:12%}.overlay .createpost-header .button-close-pop{align-items:center;background-color:#fff;border:1px solid #cecccc;border-radius:50%;cursor:pointer;display:flex;font-size:1.5rem;height:2rem;justify-content:center;width:2rem}.overlay .createpost-header .button-close-pop:hover{background-color:gray;color:#fff}.overlay .createpost-display .confirmPost{height:400px;width:100%}.overlay .createpost-display .confirmPost .confirmPost_container{align-items:center;display:flex;flex-direction:column;height:300px;justify-content:space-evenly}.overlay .createpost-display .confirmPost .confirmPost_container .postInput_confirmIcon{color:#6c66ee;font-size:8rem}.overlay .createpost-display .confirmPost .confirmPost_container h2{color:#6c66ee}.overlay .createpost-display .confirmPost .confirmPost_buttons_c{align-items:center;display:flex;justify-content:center;margin:1rem;padding:1rem}.overlay .createpost-display .confirmPost .confirmPost_buttons_c .confirmPost_button{background-color:aqua;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;height:2.5rem;line-height:2.5rem;text-align:center;transition:font-size .1s ease-out;width:12rem}.overlay .createpost-display .confirmPost .confirmPost_buttons_c .confirmPost_button:hover{background-color:#fff;color:aqua;font-size:1.1rem}.overlay .createpost-display .CreatePostForm{align-items:center;display:flex;flex-direction:column;justify-content:space-between;width:100%}.overlay .createpost-display .CreatePostForm .createpost-inner{width:100%}.overlay .createpost-display .CreatePostForm input:not([type=checkbox]){border:1px solid #a5a2a2;border-radius:10px;font-size:.8rem;height:2rem;padding:1rem;width:100%}.overlay .createpost-display .CreatePostForm input:not([type=checkbox]):focus{border:1px solid #6c66ee;outline:none}.overlay .createpost-display .CreatePostForm .createpost-top{display:flex;justify-content:space-around}.overlay .createpost-display .CreatePostForm .createpost-top .createpost-leftside-container{display:flex;flex-direction:column;height:400px;justify-content:space-between;margin:1rem;width:40%}.overlay .createpost-display .CreatePostForm .createpost-top .createpost-leftside-container textarea{border-radius:10px;height:300px;padding:1rem;resize:none;width:100%}.overlay .createpost-display .CreatePostForm .createpost-top .createpost-leftside-container textarea:focus{border:1px solid #6c66ee;outline:none}.overlay .createpost-display .CreatePostForm .createpost-top .createpost-rightside-container{display:flex;flex-direction:column;height:400px;justify-content:space-between;margin:1rem;width:40%}.overlay .createpost-display .CreatePostForm .createpost-top .createpost-rightside-container .imgContainer{align-items:center;border:1px solid gray;border-radius:10px;display:flex;height:400px;justify-content:center;margin-top:1rem;object-fit:cover;overflow:hidden}.overlay .createpost-display .CreatePostForm .createpost-top .createpost-rightside-container .imgContainer img{border-radius:10px;width:100%}.overlay .createpost-display .CreatePostForm .createpost-top .createpost-rightside-container .imgContainer .postInput-icon{color:gray;font-size:7rem;z-index:0}.overlay .createpost-display .CreatePostForm .createpost-top .createpost-rightside-container .imgContainer .postInput-icon_none{display:none}.overlay .createpost-display .CreatePostForm .createpost-bottom{align-items:center;display:flex;flex-direction:column;margin:.5em 0}.overlay .createpost-display .CreatePostForm .createpost-bottom .createpost-private{align-items:center;display:flex;font-size:.9rem;margin:2rem 0}.overlay .createpost-display .CreatePostForm .createpost-bottom .createpost-private p{margin-right:.5rem}.overlay .createpost-display .CreatePostForm .createpost-bottom .button-submit{background-color:#6c66ee;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;height:2.5rem;margin-bottom:2.5rem;transition:font-size .1s ease-out;width:8rem}.overlay .createpost-display .CreatePostForm .createpost-bottom .button-submit:hover{background-color:#fff;color:#6c66ee;font-size:1.1rem}.overlay .createpost-display .CreatePostForm .createpost-bottom .button-submit:disabled{background-color:gray;color:#fff}}* :before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Roboto}
/*# sourceMappingURL=main.75727191.css.map*/