:root{--primary-color:#000;--secondary-color:#f5f5f5;--font-color:#000;--bg-color:#fff;--loading-color:#000;--background-img:url(/instagram-clone/static/media/wallpaper3.f8c386f952db61292824.jpg);--loading-animation:url(/instagram-clone/static/media/loading_1.957ed9da3dbcadcb422f.gif)}.dark{--primary-color:#498bc0;--secondary-color:#6b6b6b;--font-color:#fde74c;--bg-color:#000;--loading-color:#fff;--background-img:url(/instagram-clone/static/media/wallpaper5.b51f026cd63a966d2e28.jpg);--loading-animation:url(/instagram-clone/static/media/loading_4.8036824476813c1d2bba.gif)}*{padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--bg-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{align-items:center;background-color:#292828;background-image:url(/instagram-clone/static/media/wallpaper.7f1696ceb1b32bc202e5.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#d90429;display:flex;font-family:StarJediHollow;height:100vh;justify-items:center}.App,.App-header{transition:all .5s ease}.App-header{padding:10px}.App-header p{cursor:pointer;font-size:60px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.App-header p:hover{font-family:StarJediOut}.App-header p:active{-webkit-transform:scale(.95);transform:scale(.95)}@font-face{font-family:StarJedi;src:url(/instagram-clone/static/media/Starjedi.8d577dc1e1755c4860f3.ttf)}@font-face{font-family:StarJediHollow;src:url(/instagram-clone/static/media/Starjhol.c247ee6825d52f9d0862.ttf)}@font-face{font-family:StarJediOut;src:url(/instagram-clone/static/media/Starjout.f7accd2946bcbf115782.ttf)}@font-face{font-family:StarJediSe;src:url(/instagram-clone/static/media/STJEDISE.ae4970bd8efca4ee58be.TTF)}@font-face{font-family:StarJediBl1;src:url(/instagram-clone/static/media/Stjldbl1.d50f47e6ef36bad1e426.ttf)}@font-face{font-family:StarJediBl2;src:url(/instagram-clone/static/media/Stjldbl2.5707e0fe68ba62d7c729.ttf)}@font-face{font-family:StarJediMono;src:url(/instagram-clone/static/media/Strjmono.c4f16ae1a3ea99176747.ttf)}.Landing{align-items:center;background-color:#292828;background-image:url(/instagram-clone/static/media/wallpaper.7f1696ceb1b32bc202e5.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#d90429;display:flex;font-family:StarJediHollow;height:100vh;justify-content:flex-start;transition:all .5s ease}.Landing-header{padding:10px;transition:all .5s ease}.Landing-header p{cursor:pointer;font-size:60px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Landing-header p:hover{font-family:StarJediOut}.Landing-header p:active{-webkit-transform:scale(.95);transform:scale(.95)}a{color:inherit;text-decoration:none}@media screen and (max-width:600px){.Landing-header p{cursor:pointer;font-size:35px;margin:10px 5px;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}}.loginForm_container{align-items:center;background-color:#000;display:flex;flex-direction:column;font-size:3rem;height:100%;justify-content:center;padding-left:3rem;padding-right:3rem;position:fixed;right:-150%;top:0;transition:right .85s ease-in-out 0s;z-index:2}.loginForm_container.active{right:0}.loginForm{flex-direction:column;font-family:StarJedi}.loginForm,.wrapper_container{align-items:center;display:flex}.wrapper_container{flex-wrap:wrap;justify-content:center}.loginForm div div{display:flex;flex-direction:column;margin-right:10px}.loginForm label{font-size:1.75rem;margin-bottom:5px}.loginForm input{background-color:#456;border:none;border-radius:4px;font-size:1.2rem;padding:.3em .5em}.loginForm button{background:none;border:none;color:#00c030;cursor:pointer;font-family:StarJedi;font-size:1.9rem;letter-spacing:1px;opacity:.6;transition:all .3s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.loginForm button:hover{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}.loginForm button:active{-webkit-transform:scale(.96);transform:scale(.96)}@media screen and (max-width:600px){.loginForm_container{right:-250%}.loginForm_container.active{left:0}}.signUpForm_container{align-items:center;background-color:#000;display:flex;flex-direction:column;font-size:3rem;height:100%;justify-content:center;padding-left:3rem;padding-right:3rem;position:fixed;right:-110%;top:0;transition:right .85s ease-in-out 0s;width:400px;z-index:2}.signUpForm_container.active{right:0}.signUpForm{font-family:StarJediOut;font-size:30px;min-width:350px;padding:10px}.signUpForm,.signUpForm_input_container{display:flex;flex-direction:column}.signUpForm div input{background-color:transparent;border:none;border-bottom:1px solid;color:red;font-size:20px;padding:5px}.signUpForm__avatar_container{align-items:center;display:flex;flex-direction:column;margin-bottom:10px}.signUpForm button{align-self:center;background-color:transparent;border:none;color:grey;cursor:pointer;font-family:StarJedi;font-size:30px;justify-self:center;padding:10px;transition:all .3s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.signUpForm button:hover{color:red;-webkit-transform:scale(1.2);transform:scale(1.2)}.signUpForm button:active{-webkit-transform:scale(.95);transform:scale(.95)}.close_button{background:none;border:none;color:red;cursor:pointer;font-family:StarJedi;font-size:40px;margin:5px;outline:none;position:absolute;right:25px;top:10px}.close_button:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.close_button:active{-webkit-transform:scale(.95);transform:scale(.95)}@media screen and (max-width:600px){.signUpForm_container{right:-250%}.signUpForm_container.active{padding:1px;width:370px}}.avatar_picker_container_wrapper{align-items:center;background-color:#000;display:flex;flex-direction:column;font-size:3rem;height:100%;justify-content:center;overflow:scroll;padding-left:3rem;padding-right:3rem;position:fixed;right:-110%;top:0;transition:right .85s ease-in-out 0s;z-index:6}.avatar_picker_container_wrapper.active{right:0}.avatar_picker_container{align-items:center;background:#f0f8ff;border-radius:10px;display:flex;flex-direction:column;height:460px;overflow:scroll;padding:5px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.avatar_icon{border:2px solid transparent;border-radius:25px;cursor:pointer;height:100px;transition:all .3s ease;width:100px}.avatar_icon:hover{border:2px solid blue;-webkit-transform:scale(1.02);transform:scale(1.02)}.avatar_icon:active{-webkit-transform:scale(.98);transform:scale(.98)}.selected{border:2px solid blue}.avatars{border-top:2px solid #000;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:space-between;margin:6px;overflow:scroll;padding:5px 10px 5px 5px;width:350px}.avatar_picker_container>img{border:none}.avatar_picker_container>img:hover{border:none;cursor:default}.avatar_picker_container>img:active,.avatar_picker_container>img:hover{-webkit-transform:none;transform:none}.avatar_picker_container>button{background-color:transparent;border:none;color:grey;cursor:pointer;font-family:StarJedi;font-size:30px;padding:1px;transition:all .3s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.avatar_picker_container>button:hover{color:#32cd32;-webkit-transform:scale(1.2);transform:scale(1.2)}.avatar_picker_container>button:active{-webkit-transform:scale(.95);transform:scale(.95)}img.back_icon{margin:5px;opacity:.5;position:absolute;right:0;transition:all .3s ease;width:30px}img.back_icon:hover{cursor:pointer;opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}img.back_icon:active{-webkit-transform:scale(.95);transform:scale(.95)}@media screen and (max-width:600px){.avatar_picker_container_wrapper{right:-260%}.avatar_picker_container_wrapper.active{left:0}}.avatar{border:2px solid transparent;border-radius:50%;cursor:pointer;height:75px;transition:all .3s ease;width:75px}.avatar:hover{border:2px solid blue;-webkit-transform:scale(1.02);transform:scale(1.02)}.avatar:active{-webkit-transform:scale(.98);transform:scale(.98)}.overlay{background-color:#000;display:flex;flex-direction:column;height:100vh;opacity:.5;position:fixed;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:all .8s ease;width:100vw;z-index:1}.overlay.active{-webkit-transform:translateX(0);transform:translateX(0)}.loading_overlay{align-items:center;background-color:rgba(0,0,0,.6);display:flex;height:100vh;justify-content:center;position:fixed;-webkit-transform:scale(0);transform:scale(0);transition:all .2s ease-in-out;width:100vw;z-index:10}.loading_overlay.active{-webkit-transform:scale(1);transform:scale(1)}.loading_wrapper{align-items:center;background-color:var(--loading-color);display:flex;height:40%;justify-content:center;width:100%}.loading_animation{background:var(--loading-animation);background-position:50%;background-repeat:no-repeat;background-size:cover;height:90%;width:30%}.navbar{align-items:center;background-color:silver;border-bottom:1px solid;color:#000;display:flex;font-family:StarJedi;justify-content:space-between;opacity:.9;padding:14px;position:-webkit-sticky;position:sticky;top:0;z-index:5}.navbar h1:hover{color:var(--heading-color);-webkit-transform:scale(1.02);transform:scale(1.02)}.navbar h1:active{-webkit-transform:scale(.99);transform:scale(.99)}.navbar img{cursor:pointer;transition:all .5s ease;width:60px}.navbar img:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.navbar img:active{-webkit-transform:scale(1);transform:scale(1)}.navbar__options{align-items:center;background-color:silver;border-radius:25px;display:flex;flex-direction:column;font-size:30px;height:200px;justify-content:center;padding:25px;position:fixed;right:5px;top:-110%;transition:all .6s ease-in-out}.navbar__options span{transition:all .3s ease-in-out}.navbar__options.active{right:5px;top:5px}.navbar__options span:hover{color:#3b82f6;cursor:pointer}.navbar__options span:active{-webkit-transform:scale(.9);transform:scale(.9)}.navbar__options .back_icon{top:0;width:40px}.dark_mode_switch{bottom:10px;position:absolute}@media screen and (max-width:600px){.navbar h1{font-size:20px}}.imageupload{background-color:silver;border-top:1px solid #add8e6;display:flex;flex-direction:column;font-family:StarJedi;gap:10px;margin:10px auto;padding:20px;position:fixed;right:2px;top:90px;-webkit-transform:scale(0);transform:scale(0);transition:all 1s ease;width:300px}.imageupload.active{-webkit-transform:scale(1);transform:scale(1)}.imageupload input{font-family:StarJedi}.imageupload button{align-self:center;background-color:transparent;border:none;cursor:pointer;font-family:StarJediBl1;justify-self:center;opacity:.6;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.imageupload button:hover{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}.imageupload button:active{-webkit-transform:scale(1);transform:scale(1)}.post{background:rgba(59,130,246,.5);border-radius:.3rem;box-shadow:0 0 1rem rgba(0,0,0,.1);margin:15px 5px;max-width:600px}.post__header{align-items:center;border-bottom:1px solid;display:flex;justify-content:space-between}.post__header_left{gap:5px}.post__header_left,.post__header_right{align-items:center;display:flex;padding:5px}.post__image{max-height:380px;object-fit:contain;width:100%}.post__text{font-size:18px;font-weight:400;padding:5px 5px 5px 10px}.post__text strong{font-size:20px;margin-right:5px}.post__comments{margin:5px;max-height:90px;overflow:scroll;padding:5px}.post__add_comment{align-items:center;border-top:1px solid;display:flex;gap:4px}.post__add_comment_input{background-color:transparent;border:none;flex:1 1;font-size:19px;padding:5px 5px 5px 10px}.post__add_comment_input:focus{outline:none}.post__add_comment_button{background:none;border:none;color:#000;cursor:pointer;font-family:StarJedi;font-size:1.1rem;letter-spacing:1px;opacity:.6;padding-left:3px;padding-right:3px;transition:all .3s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.post__add_comment_button:hover{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}.post__add_comment_button:active{border:none;-webkit-transform:scale(.96);transform:scale(.96)}.comment{word-wrap:anywhere;align-items:center;display:flex;flex-wrap:wrap;gap:5px}.comment span{font-size:15px}.comment h6{font-size:16px}.post__icons{align-items:center;display:flex;gap:5px;justify-content:flex-start;padding:6px;position:relative}.num_of_likes{bottom:-18px;font-size:15px;left:10px;position:absolute}.comment_icon,.like_icon{height:2rem;width:2rem}.comment_icon:hover,.like_icon:hover{cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}.comment_icon:active,.like_icon:active{-webkit-transform:scale(1);transform:scale(1)}.deleteIcon{height:2rem;width:2rem}.deleteIcon:hover{cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}.deleteIcon:active{-webkit-transform:scale(1);transform:scale(1)}.Home{background-color:#292828;background-image:var(--background-img);background-position:50%;background-repeat:no-repeat;background-size:cover;color:var(--font-color);font-family:StarJediSE;height:100vh;overflow:scroll;transition:all .5s ease}.postModal{background:rgba(59,130,246,.5);box-sizing:border-box;display:grid;font-family:StarJedi;height:100vh;padding:10px;place-items:center}.postModal__container{background:#d7d6d4;display:flex;height:90%}.postModal__details_container{display:flex;flex:1 1;flex-direction:column;gap:6px;height:100%;max-width:800px;min-width:450px;overflow:scroll}.postModal__image_container{max-height:100%;max-width:800px}.postModal__image{height:100%;max-height:830px;object-fit:contain;width:100%}.postModal__header{align-items:center;border-bottom:1px solid;display:flex;justify-content:space-between}.postModal__header_left{gap:5px}.postModal__header_left,.postModal__header_right{align-items:center;display:flex;padding:5px}.postModal__comments{flex:1 1;margin:10px 5px;max-height:620px;overflow:scroll;padding:5px}.postModal__comment{color:#000;font-size:18px;font-weight:400;padding:5px 5px 5px 10px}.postModal__comment strong{color:#000;font-size:20px;margin-right:5px}.postModal__icons{align-items:center;display:flex;gap:5px;justify-content:flex-start;margin:6px;padding:6px;position:relative}.postModal .num_of_likes{bottom:-25px;font-size:15px;left:15px;position:absolute}.comment_icon,.like_icon,.three_dots_icon{height:2rem;width:2rem}.comment_icon:hover,.like_icon:hover,.three_dots_icon:hover{cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}.comment_icon:active,.like_icon:active,.three_dots_icon:active{-webkit-transform:scale(1);transform:scale(1)}.postModal__addComment{align-items:center;border-top:1px solid;display:flex;gap:4px}.postModal__addComment_input{background-color:transparent;border:none;flex:1 1;font-size:19px;padding:5px 5px 5px 10px}.postModal__addComment_input:focus{outline:none}.postModal__addComment_button{background:none;border:none;color:#000;cursor:pointer;font-family:StarJedi;font-size:1.1rem;letter-spacing:1px;opacity:.6;padding-left:3px;padding-right:3px;transition:all .3s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.postModal__addComment_button:hover{opacity:1}.postModal__addComment_button:active{border:none;-webkit-transform:scale(.96);transform:scale(.96)}.postModal .back_icon{top:5px}@media screen and (max-width:900px){.postModal{background:rgba(0,35,92,.5);font-family:StarJedi;padding:10px;position:relative}.postModal__image_container{display:none}.postModal__details_container{min-width:290px}}.editprofile_container{align-items:center;background-color:#000;color:#f0f8ff;display:flex;flex-direction:column;font-family:StarJedi;font-size:3rem;height:100%;justify-content:center;padding-left:3rem;padding-right:3rem;position:fixed;right:-200%;top:0;transition:right .85s ease-in-out 0s;width:400px;z-index:6}.editprofile_container.active{right:0}.editprofile_avatar_container{align-items:center;display:flex;flex-direction:column}.editprofile_avatar_container img{height:200px;width:200px}.editprofile_username_container{align-items:center;display:flex;flex-direction:column}.editprofile_container input{background-color:#456;border:none;border-radius:4px;font-size:1.2rem;padding:.3em .5em}.editprofile_container button{background:none;border:none;color:gray;cursor:pointer;font-family:StarJedi;font-size:1.9rem;letter-spacing:1px;opacity:.6;transition:all .3s ease-in-out;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.editprofile_container button:hover{color:#00c030;-webkit-transform:scale(1.2);transform:scale(1.2)}.editprofile_container button:active{color:silver;-webkit-transform:scale(1);transform:scale(1)}.close_btn{bottom:0;font-family:Courier New;position:absolute;right:25px}.editprofile_container .close_btn:active,.editprofile_container .close_btn:hover{color:red}.editprofile_overlay{background-color:#000;height:100vh;left:-120%;opacity:.5;position:fixed;top:0;transition:left .8s ease;width:100vw;z-index:5}.editprofile_overlay.active{left:0}@media screen and (max-width:600px){.editprofile_container.active{padding:0;width:370px}}.profile{color:var(--font-color);flex-direction:column;font-family:StarJedi;gap:2rem;margin:100px 50px}.profile,.profile__userInfo_container{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.profile__userInfo_container{gap:3rem}.profile__userInfo_container .avatar{border:2px solid transparent;border-radius:50%;cursor:default;height:200px;transition:all .3s ease;width:200px}.profile__userInfo_container .avatar:active,.profile__userInfo_container .avatar:hover{-webkit-transform:none;transform:none}.profile__userInfo_top{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.profile_editprofile_btn{background:none;border:2px solid var(--font-color);color:var(--font-color);display:block;font-family:StarJediSe;font-size:18px;height:40px;letter-spacing:2px;line-height:40px;text-align:center;text-decoration:none;transition:all .35s;width:200px}.profile_editprofile_btn:hover{background:var(--primary-color);color:#fff;cursor:pointer}.profile__userInfo_bottom{flex-direction:column;flex-wrap:wrap;gap:1rem}.profile__tabs,.profile__userInfo_bottom{align-items:center;display:flex;justify-content:center}.profile__tabs{border-top:1px solid #ccc;gap:2rem}.profile__tabs h3{border-top:2px solid #000;font-size:.8rem;padding-top:.8rem}.profile__userInfo_bottom div{align-items:center;display:flex;gap:5px}.profile__posts{flex-wrap:wrap;gap:3rem}.profile__posts,.profile__posts_postCard{align-items:center;display:flex;justify-content:center}.profile__posts_postCard{background:var(--secondary-color);height:280px;position:relative;width:280px}.profile__posts_postCard a{align-items:center;display:flex;justify-content:center}.profile__posts_postCard:hover img{opacity:.4;z-index:0}.profile__posts_postCard:hover .postCard_info{opacity:1;z-index:1}.profile__posts_postCard img{height:90%;max-height:280px;min-width:240px;object-fit:contain;width:90%;z-index:2}.postCard_info{align-items:center;display:flex;justify-content:center;opacity:0;position:absolute}.postCard_info_comments,.postCard_info_likes{align-items:center;display:flex;font-size:23px;gap:4px;justify-content:center}
/*# sourceMappingURL=main.af944c69.css.map*/