.HeaderInfo{align-items:center;display:flex;flex-wrap:nowrap;justify-content:space-between;padding-left:1.2rem;padding-right:.2rem;padding-top:3.8rem}.HeaderInfo .Following,.HeaderInfo .Heart,.HeaderInfo .Live,.HeaderInfo .Post,.HeaderInfo .Star{width:3rem}.HeaderStories{border-radius:50%}.HeaderStories .Storys{background-color:#f0f8ff;top:10rem;width:10rem}*{box-sizing:border-box;margin:0;padding:0}*,.header{background-color:#000}.header{border-bottom:1px solid #a5a5a5;border-radius:15%;height:5rem;left:0;position:fixed;right:0;top:0;transition:height .3s ease;width:100%}.header.extended{height:8rem}.header button{border:none;cursor:pointer;height:4rem;margin:0;overflow:hidden;position:absolute;right:1;width:auto}.header img{border-radius:0;height:100%;margin:0;width:100%}.Message{background-color:initial;border:none;border-radius:50%;cursor:pointer;position:absolute;right:1rem;top:.4rem}.Message .img{height:100%;width:100%}.Logo{background-color:#f0f8ff;cursor:pointer;left:48%;top:.5rem}.Logo,.Logo .img{border-radius:50%;position:absolute}.Logo .img{height:100%;width:100%}.Story{background-color:#f0f8ff;border-radius:50%;cursor:pointer;left:1rem;position:absolute;top:.3rem}.Story .img{position:absolute}.Story .img,.Storys{border-radius:50%;height:100%;width:100%}.Storys{background-color:silver}.PicPosts{background-color:#020202;color:#dbdfe3;height:99vh;margin:10rem auto auto;padding:auto;top:1rem;width:100vw}.PicPosts p{padding:1rem}.PicPosts button{color:#f0f8ff}.postHeader{display:flex;flex-direction:row;padding:1rem;width:100vw}.postHeader img{border-radius:50%;height:100%;width:100%}.postHeader button{border-color:#fff;border-radius:50%;cursor:pointer;height:4rem;width:4rem}.postHeader p{align-self:center;cursor:pointer;font-size:x-large}.postHeader .star{align-items:center;border:none;cursor:pointer;display:flex;justify-content:center;margin-left:auto;overflow:hidden}.postHeader .star img{border-radius:50%;height:9rem;width:9rem}.PostImage{align-items:center;border:3px solid #5e5d5d;display:flex;justify-content:center;margin:0;padding:0}.PostImage img{border:3px solid #8c8a8a;height:65vh;width:55vw}.PostBody{display:flex;flex-direction:row;padding-left:.8rem;width:100vw}.PostBody button{border:0;cursor:pointer;height:4rem;margin-top:.5rem;overflow:hidden;padding-right:1rem;width:13%}.PostBody span{align-items:center;display:flex;font-size:1.3rem}.PostBody img{height:4rem;width:4rem}.PostBody .LikeBody img{height:4rem;width:6rem}.PostBody .SavePost{margin-left:auto}.PostFooter{cursor:pointer;display:flex;flex-direction:row;font-size:1.5rem;height:auto;width:100vw}.PostFooter p{padding-left:1.5rem;padding-top:1rem}.PostFooter .Caption{color:#c0bcbc;font-size:13px;padding-left:.01rem;padding-top:1.6rem}.date{border-bottom:2px solid #a3a3a3;color:#a1a3a4;font-size:10px;margin-left:.7rem}.Footer{align-items:center;background-color:#000;border-top:1px solid #fff;bottom:0;display:flex;flex-wrap:nowrap;justify-content:space-between;left:0;padding-left:1.2rem;padding-right:1rem;position:fixed;scroll-behavior:smooth;width:100vw}.Footer .Home img,.Footer .Profile img,.Footer .Search img{height:auto;width:3rem}body{height:100vh;margin:0;width:100%}.SigninPage h2,body{align-items:center;display:flex;justify-content:center}.SigninPage h2{color:#979191;font-size:2rem;margin-bottom:1rem}.SignIn{align-items:center;background-color:#000;border:2px solid #817f7f;border-radius:10px;box-shadow:10rem 4px 8px 0 #73737333;color:#999595;display:flex;flex-direction:column;height:40.5rem;justify-content:center;padding:40px;position:relative;width:30rem}.SignIn .logo{margin-bottom:20px;width:6rem}.SignIn .Singup-link,.SignIn .forgetPassword-Link{color:gray;text-decoration:none}.SignIn .forgetPassword-Link{margin-left:13rem}.SignIn form{align-items:center;border-radius:10%;display:flex;flex-direction:column;justify-content:center;margin-top:15px;position:relative}.SignIn input{border-radius:1rem;color:#dcdcdc;height:2rem;margin-bottom:5px;text-indent:10px;width:20rem}.SignIn button{border:2px solid #817f7f;border-radius:10px;bottom:1rem;box-shadow:0 4px 8px 0 #d30c0c33;color:#999595;cursor:pointer;height:3rem;margin-bottom:.5rem;margin-top:10px;width:20rem}.loginOption button{background-color:initial;border:none;height:3rem;margin:.5rem;width:13rem}.loginOption button:focus{outline:none}.loginOption .Ap img,.loginOption .Face img,.loginOption .em img,.loginOption .go img{height:2rem;width:2rem}.SignIn img{width:3rem}.SignUpNow{align-items:center;background-color:#000;border:2px solid #817f7f;border-radius:10px;box-shadow:10rem 4px 8px 0 #73737333;color:#999595;display:flex;flex-direction:column;height:38rem;justify-content:center;padding:40px;position:relative;width:30rem}.SignUpNow .logo{margin-bottom:20px;width:6rem}.SignUpNow .Singup-link{color:gray;text-decoration:none}.SignUpNow .forgetPassword-Link{color:gray;margin-left:13rem;text-decoration:none}.SignUpNow form{align-items:center;border-radius:10%;display:flex;flex-direction:column;justify-content:center;margin-top:20px;position:relative}.SignUpNow input{border-radius:1rem;color:#dcdcdc;height:2rem;margin-bottom:5px;text-indent:10px;width:20rem}.SignUpNow button{border:2px solid #817f7f;border-radius:10px;bottom:1rem;box-shadow:0 4px 8px 0 #d30c0c33;color:#999595;cursor:pointer;height:3rem;margin-bottom:.5rem;margin-top:10px;width:20rem}.loginOption{align-items:center;background-color:#000;bottom:6rem;cursor:pointer;display:flex;flex-direction:row;justify-content:center;left:5rem;position:relative;width:20rem}.Profile-Page{background-color:#000;border-bottom:1px solid #a5a5a5;color:#8c8a8a;left:50%;max-height:50vh;position:absolute;text-align:center;top:16rem;transform:translate(-50%,-50%);width:100vw;z-index:0}.Profile-Page .prof{border-bottom:1px solid #a5a5a5;border-radius:50%;cursor:pointer;height:150px;height:12rem;margin:0 auto;overflow:hidden;width:150px;width:12rem}.Profile-Page .prof img{height:100%;object-fit:cover}.Profile-Page .prof button{border-bottom:1px solid #a5a5a5;border-radius:50%;cursor:pointer;height:12rem;overflow:hidden;position:relative;width:12rem}.Profile-Page .prof button:before{background-color:#8f8f8f80;background-image:url(/static/media/Edit.7beabc063cd6c163fd5d.png);background-position:50%;background-size:cover;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.Profile-Page .prof button:hover:before{opacity:1}.Profile-Page .prof img{height:auto;width:100%}.Profile-Page h6{font-size:2rem;height:auto;margin:0 auto;width:10rem}.Profile-Page p{font-family:Times New Roman,Times,serif;font-size:21px;margin:1rem auto;width:30%}.Profile-Page .follow button{height:auto}.Profile-Page .follow a,.Profile-Page .follow button{border-bottom:none;bottom:2rem;color:gray;cursor:pointer;font-size:large;outline:none;outline-color:gray;text-decoration:none;width:50%}.Profile-Page .follow a{height:2.5rem}.Profile-Page .contact button{border-bottom:1px solid #a5a5a5;color:grey;cursor:pointer;font-size:x-large;height:3rem;width:50%}.Profile-Page .Grid button{border-bottom:1px solid #a5a5a5;cursor:pointer;grid-column:auto;height:4.3rem;width:33.33%}.Profile-Page .Grid img{height:3rem;margin-top:.2rem;width:50}.Profile .signout{background-color:#000;border-bottom:1px solid #5f5e5e;color:gray;height:3rem;position:absolute;right:.5rem;top:.5rem;width:10rem}.posts{background-color:#f0f8ff;display:flex;flex-direction:row;height:100vh;width:100vw}.post img{height:30vh;width:33.33vw}.editProfile{background-color:#000;border-radius:5px;color:#959191;margin:auto;max-height:calc(100vh - 100px);overflow-y:auto;padding-bottom:1rem;text-align:center;width:calc(100vw - 200px)}.ProfilePic img{border-bottom:3px;width:30%}.ProfileBio,.ProfileEmail,.ProfileName,.ProfilePic,.ProfileUser{align-items:center;border:3px solid #353535;border-radius:5px;display:flex;flex-direction:column;margin-top:1rem;padding:.5rem}.ProfileBio label,.ProfileEmail label,.ProfileName label,.ProfilePic label,.ProfileUser label{font-size:20;margin-bottom:2px}.ProfileBio input,.ProfileEmail input,.ProfileName input,.ProfileUser input{border:1px solid #ccc;border-radius:5px;color:#f0f8ff;height:2.5rem;padding:.5rem;width:100%}.editProfile button{background-color:#bfbfbf;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:1rem;padding:1rem 5rem;transition:background-color .3s}.ProfilePic input{border:1px solid #ccc;border-radius:5px;color:#f0f8ff;height:2.5rem;padding:.5rem;width:100%;z-index:0}.fyp{background-color:#f0f8ff;flex-direction:column;height:auto;margin:0;padding:0;top:0}.fyp,.fypHeader{display:flex;width:100%}.fypHeader{background-color:#000;flex-direction:row;height:4rem;justify-content:space-between}.fypHeader a{display:flex;margin-left:.3rem;margin-right:1rem;margin-top:.2rem;width:auto}.fypHeader img{height:100%;width:3.2rem}.fypPosts{display:flex;flex-wrap:wrap;padding:0;width:100vw}.fypPosts .post{align-items:center;display:flex;width:33.33vw}.fypPosts img{height:auto;width:33.33vw}.fyp-Body{background-color:#fff;height:87vh;top:1rem;width:100vw}.fyp-Body button{border-bottom:.1rem solid #fff;border-radius:0;border-top:0;color:#f0f8ff;font-size:1.5rem;height:2.5rem;width:100%}.fyp-Body button:hover{background-color:#868686}.createP{background-color:#000;display:flex;flex-direction:column;height:96vh;padding:3px;top:1rem;width:90vw}.createP h2{color:gray;font-size:x-large;text-align:center;top:1rem}.uploadedFiles{display:flex;flex-direction:row}.uploadedFiles img{height:25em;width:28vw}.CreatePost{color:#f0f8ff;height:60vh;margin-top:1rem;text-align:center}.CreatePost,.CreatePost label{border:3px solid #4b4b4b;border-radius:15px;padding:1rem}.CreatePost label{background-color:#bab8b8;color:#000;cursor:pointer;display:block;margin:auto auto 1rem}.PostInfo{display:flex;flex-direction:column;height:40%;margin-top:1rem;top:1rem}.PostInfo input{border:1px solid gray;border-radius:15px;color:gray;font-size:large;margin-bottom:1rem}.PostInfo .desc{height:5rem}.PostInfo ::placeholder{font-size:x-large;padding:1rem}.PostInfo button{border:3px solid gray;border-radius:10px;color:gray;cursor:pointer;height:20%;margin-left:38%;width:25%}.PostInfo .alt{height:2rem}.followHeader{background-color:#f0f8ff;display:flex;left:0;position:absolute;right:0;top:0}.followHeader button{border:1px solid #fff;border-top:0;color:#f0f8ff;column-count:2;font-size:1.5rem;height:3.9rem;margin-top:0;width:100%}.followHeader button:hover{background-color:#717274}.followDesign{height:100vh;margin-top:5rem;width:100vw}.UserProfileBody{background-color:#0c0c0c;color:#f0f8ff;display:flex;height:18vh;padding:5px;width:100vw}.UserProfile{border:3px solid gray;border-radius:9px;display:flex;flex-direction:row;height:8rem;width:100vw}.UserProfile img{border-radius:50%;width:7rem}.UserProfile p{align-items:center;display:flex;font-size:xx-large;height:2rem;margin-left:10px;margin-top:3vh}.SearchPage{height:100vh;width:100vw}.searchHeader{align-items:center;border-bottom:3px solid gray;color:#f0f8ff;display:flex;height:3rem;justify-content:center}.searchHeader input{border:3px solid gray;border-radius:15px;color:#8d8e8f;height:4vh;padding-left:1rem;width:90vw}.searchHeader img{margin-left:10px;width:3vw}.ProfileUser{background-color:#000;color:azure;display:flex;flex-direction:column;height:100vh;overflow-y:auto;width:100vw;z-index:0}.ProfileUser h6{font-size:x-large;padding-bottom:2rem}.ProfileUser h6,.ProfileUser p{align-items:center;display:flex;justify-content:center}.ProfileUser p{font-size:10px;margin:0}.PictureOfUser{align-items:center;display:flex;justify-content:center}.PictureOfUser img{background-color:#f0f8ff;border:2px solid gray;border-radius:50%;color:azure;display:flex;flex-direction:column;height:15vh;width:15vw}.follow-links a{color:gray;font-size:large;text-decoration:none}.follow-links button{height:10vh;width:50vw}.Follow-Button button{border:3px solid gray;color:gray;cursor:pointer;font-size:x-large;height:10vh;width:100vw}.Post-Grids button{border:1px solid gray;height:7vh;width:32vw}.Post-Grids img{height:6vh}.Post-Grids .tag button{padding-top:1rem}.postsDisplay{align-items:center}.postsDisplay,.postsDisplay img{display:flex;flex-direction:row;width:33.33vw}.postsDisplay img{border-radius:0;height:30vh}
/*# sourceMappingURL=main.c27f413d.css.map*/