*{padding:0;margin:0}*{padding:0;margin:0;text-decoration:none;font-family:Poppins,sans-serif}.footer_layout{background-color:#8080d7;width:100%;height:80px;border-radius:7px;display:flex;justify-content:space-between;align-items:center}.p_text{color:#fff;margin-left:40px;font-size:26px}.log_sign_links{width:400px;display:flex;justify-content:space-evenly;align-items:center;margin-right:40px}.login_links,.signUp_links{background-color:transparent;border:3px solid #61DAFB;color:#fff;width:120px;padding:10px;font-size:20px;font-weight:600;border-radius:7px;text-align:center;align-items:center}.login-links:hover,.signUp-links:hover{color:#00033a;background-color:#fff;border:3px solid #fff;transition:.4s ease-in}.popup-login-container{position:relative}.container{display:flex;justify-content:center;align-items:center;background-color:#040735;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);height:40rem;width:40rem;max-width:80%;border-radius:28px;box-shadow:0 2px 6px #0003}.content{width:25rem;height:40rem;display:flex;flex-direction:column;justify-content:space-evenly}.password-input-container{position:relative}.password-toggle{position:absolute;top:50%;right:.5rem;transform:translateY(-50%);cursor:pointer}.password-toggle svg{width:20px;height:20px;fill:#ccc}.password-toggle:hover svg{fill:#333}.form-header h1{color:#fff;font-size:2.2rem;margin-bottom:.3rem;letter-spacing:.1rem;font-weight:300}.form-header p{color:#fff;font-size:.9rem;letter-spacing:.04rem}.form{display:flex;flex-direction:column;justify-content:space-between;gap:1rem}.form-body form label{font-size:.9rem;color:#fff}.form-body form input{width:100%;background-color:#5c5da7;border-radius:5px;border:transparent;outline:none;color:#fff;font-size:.9rem;padding:.5rem}.links{display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:.5rem}.forgot-password{color:#60caf0;cursor:pointer;font-size:.8rem;margin-top:.3rem}.checkbox{display:flex;align-items:center;justify-content:center;gap:.8rem;cursor:pointer}.remember{font-size:.8rem;margin-top:.3rem}.form2{height:100%;display:flex;flex-direction:column;justify-content:space-around;align-items:center;gap:.5rem}.btn{width:100%;background:#4f50ba;border:transparent;color:#fff;cursor:pointer;font-size:1rem;border-radius:5px;padding:8px}.btn:hover{background:#34368b}.otp-box-login{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.btn_next{width:100%;background:#4f50ba;border:transparent;color:#fff;cursor:pointer;font-size:1rem;border-radius:5px;padding:8px}.btn_next:hover{background:#34368b}.form2 p{color:#fff;font-size:.8rem;letter-spacing:.04rem}.signup{color:#60caf0;cursor:pointer;background-color:transparent;border:none}.google{display:flex;justify-content:center;align-items:center;gap:.8rem}.fix{display:flex;align-items:center;gap:.8rem;margin-top:2.5rem}.cross{position:absolute;top:1rem;right:1rem;cursor:pointer;color:#fff}.login-container{position:relative}.background-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffffff2d;pointer-events:none;transition:filter .3s}.background-overlay.blur{filter:blur(40px);pointer-events:auto}.popup-signUp_container{position:relative}.container_signUp{display:flex;justify-content:center;align-items:center;background-color:#040735;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);height:40rem;width:40rem;max-width:80%;border-radius:28px;box-shadow:0 2px 6px #0003}html{font-size:1.15rem}.form-footer_signUp{width:100%}.content_signUp{width:25rem;height:40rem;display:flex;flex-direction:column;justify-content:space-evenly}.switch-popup_signUp{margin-top:20px;display:flex;justify-content:center;align-items:center}.form-header_signUp h1{color:#fff;font-size:2.2rem;margin-bottom:.3rem;letter-spacing:.1rem;font-weight:300}.form-header_signUp p{color:#fff;font-size:.9rem;letter-spacing:.04rem}.form_signUp{display:flex;flex-direction:column;justify-content:space-between;gap:1rem}.form-body_signUp form label{font-size:.9rem;color:#fff}.form-body_signUp form input{width:100%;background-color:#5c5da7;border-radius:5px;border:transparent;outline:none;color:#fff;font-size:.9rem;padding:.5rem}.otp-box-signup{display:flex;justify-content:space-between;align-items:center}.emailOtpInput{width:30px!important;height:40px!important;text-align:center!important;font-size:29px!important;margin-bottom:50px}.form-header_signUp{display:flex;flex-direction:column;justify-content:space-evenly;height:40rem}.form-header_signUp form label{font-size:.9rem;color:#fff}.form-header_signUp form input{width:100%;background-color:#5c5da7;border-radius:5px;border:transparent;outline:none;color:#fff;font-size:.9rem;padding:.5rem}.form2_signUp{height:100%;display:flex;flex-direction:column;justify-content:space-around;align-items:center;gap:.8rem}.btn_signUp{width:100%;background:#4f50ba;border:transparent;color:#fff;cursor:pointer;font-size:1rem;border-radius:5px;padding:8px}.btn_signUp:hover{background:#34368b}.email_name{color:#60caf0}.btn_next_signUp{width:100%;background:#4f50ba;border:transparent;color:#fff;cursor:pointer;font-size:1rem;border-radius:5px;padding:8px}.btn_next_signUp:hover{background:#34368b}.form-footer_signUp{margin-top:40px}.form2_signUp p{color:#fff;font-size:.8rem;letter-spacing:.04rem}.login{color:#60caf0;cursor:pointer;background-color:transparent;border:none}.cross_signUp{position:absolute;top:1rem;right:1rem;cursor:pointer;color:#fff}.background-overlay_signUp{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffffff2d;pointer-events:none;transition:filter .3s}.background-overlay_signUp.blur{filter:blur(40px);pointer-events:auto}.header_layout{display:flex;justify-content:space-between;align-items:center;margin-left:30px;margin-right:30px}.searching{width:90%;height:63px;background-color:#8080d799;border-radius:7px;display:flex;gap:40px;align-items:center}.searching span{font-size:39px;margin-left:20px;margin-top:15px}.searching input{width:100%;height:100%;background-color:transparent;border:none;color:#fff;font-size:20px}.no_outline{background-repeat:no-repeat;background-position:right center}.no_outline:focus{outline:none}.icons{width:25%;height:auto;margin-right:15px;display:flex;justify-content:right;gap:60px;align-items:center}.icons span{font-size:39px}*{margin:0;padding:0;font-family:Poppins,sans-serif}.sidebar_layout{height:100%;background-color:#8080d780;border-radius:.438rem}.logo{display:flex;justify-content:center;font-size:2.875rem;align-items:center;position:relative}.general_links{margin:1.363rem;color:#fff;font-size:1.688rem}.list_style{list-style:none;margin:.625rem}.li_list{font-size:1.213rem;display:flex;justify-content:left;gap:.938rem;padding:.823rem;color:#fff;cursor:pointer}.option_links{margin:1.363rem;color:#fff;font-size:1.688rem}span{color:#61dafb}.profile{margin:1.625rem 2.5rem 2.5rem}.details{height:3.125;width:25rem;display:flex;gap:1.063rem}.avatar{height:3.45rem;width:3.45rem;border-radius:50%}.user_info{color:#fff;margin-top:.5rem}.name{font-size:1.3rem;font-weight:600}.designation{font-size:.8rem}@media (max-width: 980px){.details{height:3.05rem;gap:.7rem}.avatar{height:3.05rem;width:3.05rem}.user_info{color:#fff;margin-top:.3rem}.name{font-size:1.1rem;font-weight:600}.designation{font-size:.7rem}}@media (max-width: 1085px){.details{height:3.05rem;gap:.7rem}.avatar{height:3.05rem;width:3.05rem}.user_info{color:#fff;margin-top:.3rem}.name{font-size:1.1rem;font-weight:600}.designation{font-size:.7rem}}.home{height:100%;width:100%}.grid-container{width:100%;display:grid;grid-template-columns:min-content 1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"sidebar header" "sidebar main-content";min-height:100vh;background:rgba(0,3,58,1);position:absolute}.header{grid-area:header;padding:20px;height:60px}.sidebar{grid-area:sidebar;padding:20px;width:360px}.main-content{grid-area:main-content;display:flex;justify-content:center;align-items:center;background-color:#174c7b64;margin:0 50px 20px;border-radius:7px}.child{flex-shrink:0;flex-grow:0;flex-basis:0}.post_items{height:85vh;flex-basis:58%;display:grid;place-items:center}.posts{position:relative;height:100%;width:100%;display:flex;justify-content:center;align-items:center;overflow:scroll;scroll-snap-type:y mandatory}.posts::-webkit-scrollbar{display:none}.posts{-ms-overflow-style:none;scrollbar-width:none}.notification{height:100%;flex-basis:38%;max-height:100%}.footer{height:70px;width:100%;position:absolute;margin-top:44.7%}.video{position:relative;width:500px;height:80vh;scroll-snap-align:start;border-radius:20px;margin-bottom:50px}.video__player{object-fit:fill;width:100%;height:100%;border-radius:10px}.shortsVideoTop{position:absolute;min-width:fit-content;top:10px;width:100%;display:flex;justify-content:space-between}.shortsVideoTopIcon{display:flex}.shortsVideoTopIcon{font-size:32px;padding:10px;color:#fff}.shortsVideoSideIcons{position:absolute;right:10px;bottom:130px;display:flex;flex-direction:column;align-items:center}.shortsVideoSideIcon{display:flex;flex-direction:column;align-items:center}.shortsVideoSideIcon p{color:#fff;font-size:19px}.shortsVideoSideIcon{padding:10px;font-size:45px;color:#fff}.shortsVideoSideIcon:hover{color:#db0000}.shortsBottom{position:absolute;margin-top:-100px;margin-left:20px}.shortsVideoSideIcon:last-child{animation:spinTheRecord infinite 5s linear;bottom:0;right:20px;font-size:32px}@keyframes spinTheRecord{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html{scroll-snap-type:y mandatory}.post{height:85vh;margin-top:40px;margin-left:3%}.post__videos{height:90vh;width:100%;max-width:650px;overflow:scroll;scroll-behavior:smooth;scroll-snap-type:y mandatory}.post__videos::-webkit-scrollbar{display:none}.post__videos{-ms-overflow-style:none;scrollbar-width:none}*{margin:0;padding:0}.notification_layout::-webkit-scrollbar{display:none}.notification_layout{position:relative;width:100%;height:790px;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}.notification_container{height:730px;overflow-y:auto;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}.notification_item{padding:20px;margin-right:10px;border-radius:7px}.notification_container::-webkit-scrollbar{display:none}.notifications{width:100%;display:flex;justify-content:space-between;align-items:center;padding:11px;margin-bottom:10px;height:auto;background-color:#04094296;border-radius:10px}.time{color:#fff;margin-right:15px}.heading_div{position:sticky;top:0;background-color:#04094296;padding:5px;width:550px;color:#fff;z-index:1;margin-top:10px;margin-bottom:5px;margin-left:20px;text-align:center;border-radius:5px}