@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap);body{margin:0;padding:0}.main2{background-image:url(/static/media/background-image.545827c7a6d7401b357f.jpg);background-size:cover;font-family:Arial,sans-serif;height:100vh;margin:0;width:100%}.head{background-color:#00224cd9;color:#fff;padding:20px 0}nav{align-items:center;display:flex;justify-content:space-between;padding:0 20px}.logo{font-size:30px}nav ul{display:flex;list-style:none}nav ul li{margin-right:20px}nav ul li a{color:#fff;text-decoration:none}.hero{background-position:50%;background-size:cover;color:#fff;display:flex;flex-direction:column;padding:100px 20px;text-align:center}.hero-content{margin:0 auto;max-width:600px}.hero h1{font-size:36px;margin-bottom:20px}.hero p{font-size:18px;margin-bottom:40px}.btn{background-color:#6b4de6;border-radius:20px;color:#fff;font-size:30px;padding:15px 30px;text-decoration:none}footer{background-color:#00224cd9;bottom:0;color:#fff;position:absolute;text-align:center;width:100%}.nav-link{background-color:#000;border-radius:100px;color:#fff;font-size:20px;padding:10px}.nav-link:hover{background-color:#fff;color:#000}.nav-btn{background-color:#29c1e3;border-radius:100px;color:#110606;font-size:20px;font-weight:900;padding:10px}.nav-btn:hover{background-color:rgba(210,210,25,.729);color:#110606}nav ul li{list-style:none!important;text-decoration:none!important}.title{color:#f1f505;text-shadow:5px 2px 6px #0510e9}.btn:hover{box-shadow:4px 2px 8px green}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}:root{--primary-color:#c6c3c3;--second-color:#fff;--black-color:#000}.wrapper{background-attachment:fixed;background-image:url(/static/media/bg.fd6d19227486f98797a7.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}a{color:#fff;color:var(--second-color);text-decoration:none}a:hover{text-decoration:underline}.wrapper{align-items:center;background-color:#0003;display:flex;justify-content:center;min-height:100vh;width:100%}.login_box{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:2px solid #c6c3c3;border:2px solid var(--primary-color);border-radius:15px;box-shadow:0 0 10px 2px #0003;color:#fff;color:var(--second-color);padding:7.5em 2.5em 4em;position:relative;width:450px}.login-header{align-items:center;background-color:#c6c3c3;background-color:var(--primary-color);border-radius:0 0 20px 20px;display:flex;height:70px;justify-content:center;left:50%;position:absolute;top:0;transform:translateX(-50%);width:140px}.login-header span{color:#000;color:var(--black-color);font-size:30px}.login-header:before{border-top-right-radius:50%;box-shadow:15px 0 0 0 #c6c3c3;box-shadow:15px 0 0 0 var(--primary-color);left:-30px}.login-header:after,.login-header:before{background:#0000;content:"";height:30px;position:absolute;top:0;width:30px}.login-header:after{border-top-left-radius:50%;box-shadow:-15px 0 0 0 #c6c3c3;box-shadow:-15px 0 0 0 var(--primary-color);right:-30px}.input_box{display:flex;flex-direction:column;margin:20px 0;position:relative}.input-field{background:#0000;border:2px solid #c6c3c3;border:2px solid var(--primary-color);border-radius:30px;color:#fff;color:var(--second-color);font-size:16px;height:55px;outline:none;padding-inline:20px 50px;width:100%}#user{margin-bottom:10px}.label{color:#000;left:20px;position:absolute;top:-10px;transition:.2s}.input-field:focus~.label,.input-field:valid .label{background-color:#c6c3c3;background-color:var(--primary-color);border-radius:30px;color:#000;color:var(--black-color);font-size:14px;left:20px;padding:0 10px;position:absolute;top:-10px}.icon{font-size:20px;position:absolute;right:25px;top:18px}.remember-forgot{display:flex;font-size:15px;justify-content:space-between}.input-submit{background:#ececec;border:none;border-radius:30px;cursor:pointer;font-size:16px;font-weight:500;height:50px;transition:.3s;width:100%}.input-submit:hover{background:#fff;background:var(--second-color)}.register{text-align:center}.register a{font-weight:500}@media only screen and (max-width:564px){.wrapper{padding:20px}.login_box{padding:7.5em 1.5em 4em}}.loader-class{align-items:center;display:flex;justify-content:center}nav{background:#fff;background:var(--color-white)}nav .search-bar-wrapper{align-items:center;display:flex;flex-direction:column;position:relative}.search-results{box-shadow:0 4px 8px #0000001a;margin-top:.5rem;position:absolute;top:100%;width:30vw;z-index:1000}.search-results .user-card{border-bottom:1px solid #ccc;padding:10px}main .container .left .profile:hover{background:#f0eef6;background:var(--color-light)}.middle .feed .user{margin-bottom:.5rem}.handle{color:#1a1f1e;text-shadow:2px 2px 4px #79e3d3}.ll{color:red}.btn-add{background-color:brown!important}.filter-bar{align-items:center;border-radius:8px;display:flex;justify-content:space-around;margin-top:7px}.filter-bar>div{border-radius:20px;cursor:pointer;padding:10px 20px;position:relative;transition:background-color .3s ease}.filter-bar>div:hover{background-color:#e8e8e8;color:#000}.filter-bar>div{background-color:#fff}.filter-bar>.active{background-color:#e8e8e8;color:#000}.middle .user-data{align-items:flex-start;background:#fff;border-radius:2rem;display:flex;height:10rem;margin-top:1rem;padding:.4rem;width:100%}.middle .profile-photo-container{aspect-ratio:1/1;border-radius:50%;margin:10px;overflow:hidden;width:5rem}.middle>hr{border:1px solid #fff;margin:5px 0}#responsive-div{display:none}@media (max-width:768px){#responsive-div{display:block}}#responsive-div2{display:none}@media (max-width:768px){#responsive-div2{display:block}}.top{align-items:center;background-color:#f7f7f7;display:flex;font-family:Arial,sans-serif;height:100vh;justify-content:center;margin:0;padding:0}#container{background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;max-width:500px;padding:40px;text-align:center;width:100%}h2{color:#fff;margin-bottom:20px}input[type=file]{display:none}label.upload-label{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;padding:10px 20px;transition:background-color .3s ease}label.upload-label:hover{background-color:#0056b3}#uploadBtn{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;margin-top:20px;padding:10px 20px;transition:background-color .3s ease}#uploadBtn:hover{background-color:#45a049}textarea{border:1px solid #ccc;border-radius:4px;height:100px;margin-top:20px;padding:10px;resize:none;width:calc(100% - 40px)}#imagePreview{display:block;height:auto;margin-top:20px;width:auto}#imagePreview img{border-radius:4px;max-width:100%}:root{--primary-color-hue:252;--dark-color-lightness:17%;--light-color-lightness:95%;--white-color-lightness:100%;--color-white:hsl(252,30%,var(--white-color-lightness));--color-light:hsl(252,30%,var(--light-color-lightness));--color-gray:#9e98b3;--color-primary:hsl(var(--primary-color-hue),75%,60%);--color-secondary:#d6ccff;--color-success:#51fb51;--color-danger:#fb5151;--color-dark:hsl(252,30%,var(--dark-color-lightness));--color-black:#151221;--border-radius:2rem;--card-border-radius:1rem;--btn-padding:0.6rem 2rem;--search-padding:0.6rem 1rem;--card-padding:1rem;--sticky-top-left:5.4rem;--sticky-top-right:-18rem;--Moderate-blue:#5457b6;--Soft-Red:#ed6468;--Light-grayish-blue:#c3c4ef;--Pale-red:#ffb8bb;--Dark-blue:#324152;--Grayish-Blue:#67727e;--Light-gray:#eaecf1;--Very-light-gray:#f5f6fa;--White:#fff}*,:after,:before{border:none;box-sizing:border-box;list-style:none;margin:0;outline:0;padding:0;text-decoration:none}body{background:#f0eef6;background:var(--color-light);color:#241e38;color:var(--color-dark);font-family:Poppins,sans-serif;overflow-x:hidden}.container{margin:0 auto;width:80%}.profile-photo{aspect-ratio:1/1;border-radius:50%;overflow:hidden;width:2.7rem}img{display:block;width:100%}.btn{border-radius:2rem;border-radius:var(--border-radius);cursor:pointer;display:inline-block;font-size:.9rem;font-weight:500;padding:.6rem 2rem;padding:var(--btn-padding);transition:all .3s ease}.btn:hover{opacity:.8}.btn-primary{background:#6b4de6;background:var(--color-primary);color:#fff}.text-bold{font-weight:500}.text-muted{color:#9e98b3;color:var(--color-gray)}nav{background:#00224cd9;color:#fff;padding:.7rem 0;position:fixed;top:0;width:100%;z-index:10}nav .container{align-items:center;display:flex;justify-content:space-between}nav .search-bar{background:#f0eef6;background:var(--color-light);border-radius:2rem;border-radius:var(--border-radius);padding:.6rem 1rem;padding:var(--search-padding)}nav .search-bar input[type=search]{background:#0000;color:#241e38;color:var(--color-dark);font-size:.9rem;margin-left:1rem;width:30vw}nav .search-bar input[type=search]::placeholder{color:#9e98b3;color:var(--color-gray)}nav .create{align-items:center;display:flex;gap:2rem}main{position:relative;top:5.4rem}main .container{grid-column-gap:2rem;column-gap:2rem;display:grid;grid-template-columns:18vw auto 20vw;position:relative}main .container .left{height:-webkit-max-content;height:max-content;position:-webkit-sticky;position:sticky;top:5.4rem;top:var(--sticky-top-left)}main .container .left .profile{align-items:center;column-gap:1rem;display:flex;padding:1rem;padding:var(--card-padding);width:100%}.left .sidebar,main .container .left .profile{background:#fff;background:var(--color-white);border-radius:1rem;border-radius:var(--card-border-radius)}.left .sidebar{margin-top:1 rem}.left .sidebar .menu-item{align-items:center;cursor:pointer;display:flex;height:4rem;position:relative;transition:all .3s ease}.left .sidebar .menu-item:hover{background:#f0eef6;background:var(--color-light)}.left .sidebar i{color:#9e98b3;color:var(--color-gray);font-size:1.4rem;margin-left:2rem;position:relative}.left .sidebar i .notification-count{background:#fb5151;background:var(--color-danger);border-radius:.8rem;color:#fff;font-size:.7rem;padding:.1rem .4rem;position:absolute;right:-.3rem;top:-.2rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.left .sidebar h3{font-size:1rem;margin-left:1.5rem}.left .sidebar .active{background:#f0eef6;background:var(--color-light)}.left .sidebar .active h3,.left.sidebar .active i{color:#6b4de6;color:var(--color-primary)}.left .sidebar .active:before{background:#6b4de6;background:var(--color-primary);content:"";display:block;height:100%;position:absolute;width:.5rem}.left .sidebar .menu-item:first-child.active{border-top-left-radius:1rem;border-top-left-radius:var(--card-border-radius);overflow:hidden}.left .sidebar .menu-item:last-child.active{border-bottom-left-radius:1rem;border-bottom-left-radius:var(--card-border-radius);overflow:hidden}.left .btn{margin-top:1rem;padding:1rem 0;text-align:center;width:100%}.middle .create-post{align-items:center;background:#fff;background:var(--color-white);border-radius:2rem;border-radius:var(--border-radius);display:flex;justify-content:space-between;margin-top:1rem;padding:.4rem 1rem;padding:.4rem var(--card-padding);width:100%}.middle .create-post input[type=text]{background:#0000;color:#241e38;color:var(--color-dark);justify-self:start;margin-right:1rem;padding-left:1rem;width:100%}.middle .feeds .feed{background:#fff;background:var(--color-white);border-radius:1rem;border-radius:var(--card-border-radius);font-size:.85rem;line-height:1.5;margin:1rem 0;padding:1rem;padding:var(--card-padding)}.middle .feed .head{display:flex;justify-content:space-between}.middle .feed .user{display:flex;gap:1rem}.middle .feed .photo{border-radius:1rem;border-radius:var(--card-border-radius);margin:.7rem 0;overflow:hidden}.middle .feed .action-buttons{align-items:center;display:flex;font-size:1.4rem;justify-content:space-between;margin:.6rem}.middle .liked-by{display:flex}.middle .liked-by span{border:2px solid #fff;border:2px solid var(--color-white);border-radius:50%;display:block;height:1.4rem;margin-left:-.6rem;overflow:hidden;width:1.4rem}.middle .liked-by span:first-child{margin:0}.middle .liked-by p{margin-left:.5rem}.customize-theme{background:#ffffff80;display:grid;display:none;font-size:.9rem;height:100vh;left:0;place-items:center;position:fixed;text-align:center;top:0;width:100vw;z-index:100}.customize-theme .card{background:#fff;background:var(--color-white);border-radius:1rem;border-radius:var(--card-border-radius);box-shadow:0 0 1rem #6b4de6;box-shadow:0 0 1rem var(--color-primary);padding:3rem;width:50%}.customize-theme .font-size{margin-top:5rem}.customize-theme .font-size>div{align-items:center;background:#f0eef6;background:var(--color-light);border-radius:1rem;border-radius:var(--card-border-radius);display:flex;justify-content:space-between;padding:.6rem 1rem;padding:var(--search-padding)}.customize-theme .choose-size{align-items:center;background:#d6ccff;background:var(--color-secondary);display:flex;height:.3rem;justify-content:space-between;margin:0 1rem;width:100%}.customize-theme .choose-size span{background:#d6ccff;background:var(--color-secondary);border-radius:50%;cursor:pointer;height:1rem;width:1rem}.customize-theme .choose-size span.active{background-color:#6b4de6;background-color:var(--color-primary)}.customize-theme .color{margin-top:2rem}.customize-theme .choose-color{align-items:center;background:#f0eef6;background:var(--color-light);border-radius:1rem;border-radius:var(--card-border-radius);display:flex;justify-content:space-between;padding:.6rem 2rem;padding:var(--btn-padding)}.customize-theme .choose-color span{border-radius:50%;height:2.2rem;width:2.2rem}.customize-theme .choose-color span:first-child{background:#6b4de6}.customize-theme .choose-color span:nth-child(2){background:#e6d14d}.customize-theme .choose-color span:nth-child(3){background:#e64d61}.customize-theme .choose-color span:nth-child(4){background:#4de69e}.customize-theme .choose-color span:nth-child(5){background:#4dade6}.customize-theme .choose-color span.active{border:5px solid #fff}.customize-theme .background{margin-top:2rem}.customize-theme .choose-bg{align-items:center;display:flex;gap:1.5rem;justify-content:space-between}.customize-theme .choose-bg>div{align-items:center;border-radius:.4rem;cursor:pointer;display:flex;font-size:1rem;font-weight:700;padding:1rem;padding:var(--card-padding);width:100%}.customize-theme .choose-bg>div.active{border:2px solid #6b4de6;border:2px solid var(--color-primary)}.customize-theme .choose-bg .bg-1{background:#fff;color:#000}.customize-theme .choose-bg .bg-2{background:#241e38;color:#fff}.customize-theme .choose-bg .bg-3{background:#151221;color:#fff}.customize-theme .choose-bg>div span{border:2px solid #9e98b3;border:2px solid var(--color-gray);border-radius:50%;height:2rem;margin-right:1rem;width:2rem}@media screen and (max-width:1200px){.container{width:96%}main .container{gap:1rem;grid-template-columns:5rem auto 30vw}.left{width:5rem;z-index:5}.left .btn,.main .container .left .profile,.sidebar h3{display:none}.customize-theme .card{width:80vw}}@media screen and (max-width:992px){nav .search-bar{display:none}main .container{gap:0;grid-template-columns:0 auto 5rem}main .container .left{bottom:0;grid-column:3/4;position:fixed;right:0}main .container .left .sidebar>div h3{display:none}main .container .middle{grid-column:1/3}.customize-theme .card{width:92vw}}@media screen and (max-width:512px){.customize-theme .background{transform:scale(.6)}}.right{font-size:.9rem;grid-row:2;width:430%}.right p{line-height:1.5}.right a{font-weight:500;text-decoration:none}.right a,.right button{cursor:pointer}.right button:hover{filter:saturate(80%)}.right .bu-primary{background-color:#5457b6;background-color:var(--Moderate-blue);border:none;border-radius:4px;color:#fff;color:var(--White);padding:.75rem 1.5rem}.right .comment-section{padding:0 1rem}.right .container{background-color:#fff;background-color:var(--White);border-radius:8px;padding:1.5rem}.right .comments-wrp{display:flex;flex-direction:column}.right .comment-section{margin:1rem auto auto;max-width:75ch}.right .comment{grid-gap:1.5rem;grid-row-gap:1rem;color:#67727e;color:var(--Grayish-Blue);display:grid;gap:1.5rem;grid-template-areas:"score user controls" "score comment comment" "score comment comment";grid-template-columns:auto 1fr auto;margin-bottom:1rem;row-gap:1rem}.right .c-score{align-items:center;align-self:flex-start;background-color:#f5f6fa;background-color:var(--Very-light-gray);border-radius:8px;box-sizing:initial;color:#5457b6;color:var(--Moderate-blue);display:flex;flex-direction:column;font-weight:500;gap:1rem;grid-area:score;padding:.5rem .75rem .75rem;width:1rem}.right .score-control{cursor:pointer;object-fit:scale-down;width:100%}.right .c-text{grid-area:comment;width:100%}.right .c-user{align-items:center;display:flex;gap:1rem;grid-area:user;width:100%}.right .usr-name{color:#324152;color:var(--Dark-blue);font-weight:700}.right .usr-img{height:2rem;width:2rem}.right .c-controls{align-self:center;color:#5457b6;color:var(--Moderate-blue);display:flex;gap:1rem;grid-area:controls;justify-self:flex-end}.right .c-controls a{align-items:center}.right .edit,.right .reply{color:#5457b6;color:var(--Moderate-blue)}.right .edit{display:none}.right .delete{color:#ed6468;color:var(--Soft-Red);display:none}.right .control-icon{margin-right:.5rem}.right .replies{border-left:1px solid #c3c4ef;border-left:1px solid var(--Light-grayish-blue);display:flex;margin-left:2.5rem;padding-left:2.4rem}.right .reply-to{color:#5457b6;color:var(--Moderate-blue);font-weight:500}.right .reply-input{grid-gap:1rem;display:grid;gap:1rem;grid-template-areas:"avatar input button";grid-template-columns:-webkit-min-content auto -webkit-min-content;grid-template-columns:min-content auto min-content;justify-items:center;margin-bottom:1rem;min-height:9rem}.right .reply-input img{grid-area:avatar;height:2.5rem;width:2.5rem}.right .reply-input button{align-self:flex-start;grid-area:button}.right .reply-input textarea{border:1px solid #eaecf1;border:1px solid var(--Light-gray);border-radius:4px;grid-area:input;padding:1rem;resize:none;width:100%}.right .this-user .usr-name:after{background-color:#5457b6;background-color:var(--Moderate-blue);border-radius:2px;color:#fff;color:var(--White);content:"you";font-size:.5rem;font-weight:400;margin-left:.5rem;padding:0 .4rem .2rem}.right .this-user .reply{display:none}.right .this-user .delete,.right .this-user .edit{display:flex}@media screen and (max-width:900px){.right{font-size:.9rem;width:106%}}@media screen and (max-width:640px){.right{font-size:.6rem;width:106%}.right .container{padding:.75rem}.right .replies{margin-left:.5rem;padding-left:1rem}.right .comment{gap:.5rem;grid-template-areas:"user user user" "comment comment comment" "score ... controls"}.right .c-score{flex-direction:row;width:auto}.right .reply-input{align-items:center;gap:.5rem;grid-template-areas:"input input input" "avatar ... button";grid-template-rows:auto -webkit-min-content;grid-template-rows:auto min-content}.right .reply-input img{height:2rem;width:2rem}.right .reply-input textarea{align-self:stretch;height:6rem;padding:.5rem}}.right .modal-wrp{align-items:center;background-color:#0000004d;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.right .modal{grid-gap:1rem;display:grid;gap:1rem;grid-template-areas:"heading heading" "body body" "no yes";max-width:32ch;padding:1.5rem}.right .invisible{display:none}.right .modal h3{color:#324152;color:var(--Dark-blue);grid-area:heading}.right .modal button{border:none;border-radius:8px;color:#fff;color:var(--White);font-weight:500;padding:.75rem}.right .modal p{color:#67727e;color:var(--Grayish-Blue);grid-area:body;line-height:1.5}.right .modal .yes{background-color:#ed6468;background-color:var(--Soft-Red);grid-area:yes}.right .modal .no{background-color:#67727e;background-color:var(--Grayish-Blue);grid-area:no}.right .c-controls .delete,.right .c-controls .edit,.right .c-score{display:none}.com{background-color:rgba(106,71,71,.406);color:#000;height:auto;padding:30px;width:100%}.ll{color:#6b4de6}
/*# sourceMappingURL=main.982cbb0a.css.map*/