@import url(https://fonts.googleapis.com/css2?family=Satisfy&display=swap);.loading-screen{align-items:center;display:flex;flex-direction:column;height:100vh}.loading-screen img{height:auto;margin-top:auto;width:6rem}.loading-screen .github-icon{width:1.5rem}.loading-screen footer{align-items:center;display:flex;flex-direction:column;font-size:1.5rem;margin-top:auto;padding-bottom:.5rem}.loading-screen a{color:var(--color-instagram-red);font-size:1.7rem;text-decoration:none}nav{align-items:center;background-color:var(--color-white);border-bottom:.2rem solid var(--color-dark-grey);display:flex;height:8vh;justify-content:space-between;max-width:100%;padding:1rem 7rem;position:-webkit-sticky;position:sticky;top:0}nav .logo{font-family:Satisfy,cursive;font-size:2.8rem}nav .nav-links{align-items:center;display:flex;gap:1.5rem}nav a{color:#000;text-decoration:none}nav .profile-container{position:relative}nav .profile-container img,nav img.github-logo{border:.2rem solid #000;border-radius:50%;height:2.9rem}nav img.github-logo{padding:.2rem}nav .profile-image{cursor:pointer;height:3rem;padding:.2rem}nav .profile-image:last-child{border:.2rem solid var(--color-black);border-radius:10rem}nav .profile-container .dropdown{background-color:var(--color-white);border-radius:.5rem;box-shadow:5px 2px 5px 3px var(--color-dark-grey);display:flex;flex-direction:column;font-size:1.5rem;font-weight:lighter;height:16rem;left:-620%;position:absolute;top:130%;width:20rem;z-index:1}nav .profile-container .dropdown li{height:4rem;padding:.6rem 1rem}nav .profile-container .dropdown li:hover{background-color:hsla(0,3%,83%,.132)}nav .profile-container .dropdown li a{align-items:center;display:flex;gap:.6rem}nav .profile-container .dropdown li:last-child{align-items:center;border-top:.1rem solid #000;cursor:pointer;display:flex}nav .profile-container .dropdown li button{text-align:left;width:100%}nav .profile-container .dropdown li button,nav button.add-post-button{background-color:initial;border:none;cursor:pointer}.dropdown.hide{display:none!important}div.add-new-post{height:100%;left:0;position:fixed;top:0;width:100%;z-index:2}div.background-overlay{background-color:var(--color-light-grey);height:100%;width:100%}div.add-new-post-container,div.add-new-post-loading-container{background-color:var(--color-white);border-radius:2rem;height:80%;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:40%}div.stage-two{height:70%;width:60%}div.add-new-post-container .top,div.add-new-post-loading-container .top,div.stage-two .top{border-bottom:.2rem solid var(--color-dark-grey);display:flex;justify-content:space-between}div.add-new-post-loading-container .top{font-size:1.5rem;justify-content:center;padding:1.5rem 0}div.add-new-post-loading-container div.ig-loading-circle{background-color:none;border:.6rem solid #df1ea0;border-radius:50%;height:10rem;width:10rem}div.add-new-post-loading-container img{width:10rem}div.add-new-post-loading-container .below{align-items:center;display:flex;flex-direction:column;height:80%;justify-content:center}div.add-new-post-container h3,div.add-new-post-loading-container p{font-size:2rem;padding:1rem 0;text-align:center}div.add-new-post-container button{background-color:var(--color-dark-blue);border:none;border-radius:.5rem;color:var(--color-white);cursor:pointer;font-size:1.4rem;font-weight:700;padding:.7rem 2rem}div.add-new-post-container button:disabled{background-color:var(--color-light-blue);cursor:auto}button.close-modal-btn{background-color:initial;border:none;cursor:pointer;left:95%;position:absolute;top:3%}div.add-new-post-container .below{align-items:center;display:flex;flex-direction:column;gap:1.5rem;height:90%;justify-content:center}input[type=file]{display:none}div.below-image,div.post-upload-complete{display:flex}div.below-image{height:100%}div.post-upload-complete{align-items:center;flex-direction:column;font-size:1.8rem;gap:1rem;-webkit-transform:translateY(130%);transform:translateY(130%)}div.below-image img.postedImage{border-bottom-left-radius:1.9rem;height:46rem;width:50rem;width:50%}div.below-image img.postProfileImage{width:3rem}div.below-image input{display:none;height:70%}div.below-image textarea{border:none;border-bottom-right-radius:2rem;height:100%;outline:none;padding:.9rem 1rem}div.add-new-post-container .top button.next,div.stage-two .top button.share{background-color:initial;border:none;color:var(--color-dark-blue)}div.right-side{width:40%}div.right-side .poster{align-items:center;display:flex;font-size:2rem;gap:1rem;padding:0 .5rem}div.add-new-post-container .below .loader,p.upload-done-loader{-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite;border:5px solid var(--color-dark-blue);border-bottom:5px solid transparent;border-radius:50%;box-sizing:border-box;display:inline-block;height:5rem;left:45%;position:absolute;top:70%;width:5rem}p.upload-done-loader{border:5px solid var(--color-instagram-red);border-bottom:5px solid transparent;height:10rem;left:40%;top:45%;width:10rem}@media (max-width:913px){nav{padding:1rem 2rem}div.add-new-post-container,div.add-new-post-loading-container{height:60%;width:85%}button.close-modal-btn{left:90%}p.upload-done-loader{left:85}div.below-image img.postedImage{display:none}div.right-side{width:100%}div.below-image textarea{height:70%}}.edit-profile-screen{background-color:var(--color-grey);min-height:90vh;padding:6rem 0}.edit-profile-screen form{background-color:var(--color-white);border:.2rem solid var(--color-dark-grey);margin:0 auto;max-width:80rem;padding:3rem 15rem}.edit-profile-screen form img{cursor:pointer;height:auto;width:4rem}.edit-profile-screen form button{background-color:var(--color-dark-blue);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:700;justify-self:flex-end;margin-top:2rem;padding:.9rem 2rem}.edit-profile-screen form .profile div{grid-gap:2.5rem;align-items:center;display:grid;gap:2.5rem;grid-template-columns:1fr 2fr;justify-items:flex-end;margin-bottom:1rem}.edit-profile-screen form .profile div.submit-button button{grid-column:2/-1;justify-self:flex-start}.edit-profile-screen form .profile .picture-name-and-link{position:relative}.edit-profile-screen form .profile .picture-name-and-link div{align-items:flex-start;display:flex;flex-direction:column;font-size:2rem;font-weight:700;gap:.1rem;width:100%}.edit-profile-screen form .profile .picture-name-and-link div button{background-color:initial;color:var(--color-dark-blue);font-size:1.5rem;margin-top:0;padding:0}.edit-profile-screen form .profile input.profilePicturePicker{display:none}.edit-profile-screen form label{font-size:2rem}.edit-profile-screen form input,.edit-profile-screen form textarea{padding:.5rem 1rem;width:100%}.edit-profile-screen form input:focus{border:.2rem solid blue}.edit-profile-screen form button:disabled{background-color:var(--color-light-blue);cursor:auto}div.info span{color:var(--color-light-grey);font-size:1.3rem;grid-column:2/-1}div.profile-saved{align-items:center;background-color:var(--color-light-grey);color:var(--color-white);display:flex;font-size:1.6rem;height:5.3vh;padding-left:1rem;position:absolute;top:95%;-webkit-transform:translateY(100%);transform:translateY(100%);transition:all .3s ease-in;width:100%}div.profile-saved.show{-webkit-transform:translateY(0);transform:translateY(0)}.loader.hide,div.profile-saved.hide{display:none}.loader{-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite;border:5px solid var(--color-light-grey);border-bottom:5px solid transparent;border-radius:50%;box-sizing:border-box;display:inline-block;height:5rem;left:22.5%;position:absolute;top:0;width:5rem}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media (max-width:913px){.edit-profile-screen{padding:2rem 0}.edit-profile-screen form{padding:3rem 2rem}.edit-profile-screen form label{font-size:1.8rem}div.add-new-post-container .below .loader{top:80%}}main.home{background-color:var(--color-grey);padding:2rem .5rem}.home-loader{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;border:1.6rem solid var(--color-light-grey);border-radius:50%;border-top:1.6rem solid var(--color-light-grey);border-top-color:var(--color-instagram-red);height:12rem;margin:0 auto;width:12rem}article.post-box{align-items:flex-start;background-color:var(--color-white);border:.3rem solid var(--color-dark-grey);border-radius:1rem;display:flex;flex-direction:column;gap:1rem;height:72rem;justify-content:flex-start;margin:1rem auto;max-width:53rem}.post-box img{border:.15rem solid #000;border-radius:2rem;height:auto;width:3rem}.post-box img.post-image{background-color:var(--color-black);border:none;border-radius:0;height:45rem;padding:0;width:100%}.post-box header{height:3rem}.post-box header .poster-profile{align-items:center;color:var(--color-black);display:flex;font-size:2rem;font-weight:700;gap:1rem;padding:.5rem 1rem;text-decoration:none}.post-box .date-of-creation,.post-box .icons,.post-box .number-of-likes,.post-box .view-comments{align-items:center;cursor:pointer;display:flex;font-size:1.7rem;gap:1.3rem;padding:.04rem 1rem}.post-box .icons{justify-content:space-between;width:100%}.post-box .icons .left{display:flex;gap:1.5rem;justify-content:space-between}.post-box .number-of-likes{cursor:auto;font-size:1.7rem;font-weight:700}.post-box .date-of-creation,.post-box .view-comments a{color:var(--color-light-grey);cursor:auto;font-size:1.3rem;font-weight:700}.post-box .icons img{border:none;border-radius:0;padding:0}.post-box .icons img.comment{height:2.7rem;width:auto}.post-box .view-comments a{cursor:pointer}.post-box .picture-caption{align-items:center;display:flex;font-size:1.7rem;gap:1rem;padding:.5rem 1rem}.post-box .poster-name{font-weight:700}.post-box form{border-top:.1rem solid var(--color-dark-grey);position:relative;width:100%}.post-box input.comment{border:none;border-bottom-left-radius:10%;border-bottom-right-radius:10%;border-top:.1rem solid var(--color-dark-grey);height:4.5rem;padding:0 1rem}.post-box button.post-comment{background-color:initial;border:none;color:var(--color-dark-blue);cursor:pointer;left:100%;position:absolute;top:50%;-webkit-transform:translate(-140%,-50%);transform:translate(-140%,-50%)}.post-box button.post-comment:disabled{color:var(--color-light-blue)}a{text-decoration:none}article.login-article{align-items:center;background-color:var(--color-grey);display:flex;gap:4rem;height:100vh;justify-content:center}.login-article form{background-color:#fff;border:.05rem solid rgba(0,0,0,.192);height:40rem;padding:1rem 4rem;width:26vw}.login-article form h1{font-family:Satisfy,cursive;font-size:4rem;padding:3rem 0;text-align:center}.login-article form div{display:flex;flex-direction:column;position:relative}.login-article form label{color:var(--color-light-grey);cursor:text;display:flex;font-size:1.5rem;justify-content:space-between;padding:0 .5rem;position:absolute;top:35%;transition:all .1s ease-in;width:100%}.login-article form label.move{cursor:pointer;font-size:1.2rem;-webkit-transform:translateY(-52%);transform:translateY(-52%)}.login-article form input{background-color:var(--color-dark-grey);border:.05rem solid rgba(0,0,0,.192);height:4rem;margin:.5rem 0;padding:.7rem .5rem 0}.login-article button{background-color:var(--color-dark-blue);border:none;color:#fff;cursor:pointer;margin-top:2rem;padding:.5rem 2rem;width:100%}.login-article button:disabled{background-color:var(--color-light-blue)}.login-article footer{font-size:1.5rem;padding-top:2rem;text-align:center}.login-article footer a{color:var(--color-dark-blue);text-decoration:none}p.info{color:var(--color-instagram-red);font-size:1.6rem;padding-top:1rem;text-align:center}@media (max-width:990px){article.login-article{justify-content:space-around;padding:0 5rem}.login-article form{width:35vw}}@media (max-width:820px){article.login-article img{display:none}.show-password{left:82%}.login-article form{width:50vw}}@media (max-width:670px){.login-article form{background-color:initial;border:none;padding:0;width:100vw}.login-article form h1{font-size:5rem;padding:2rem 0}.login-article form legend{font-size:2rem}.login-article footer{font-size:1.7rem}}.profile-section{background-color:var(--color-grey);min-height:100vh}.top-section{align-items:center;border-bottom:.2rem solid var(--color-dark-grey);display:flex;gap:10rem;justify-content:left;margin:0 auto;max-width:95rem;padding:2rem 5rem}.top-section img{border:.2rem solid var(--color-dark-grey);border-radius:50%;height:auto;width:23%}.top-section .right{display:flex;flex-direction:column;gap:1.2rem}.top-section .right .top{align-items:center;display:flex;gap:2rem}.top-section .right .top h3{font-size:3rem}.top-section .right .top button{background-color:initial;border:.2rem solid var(--color-dark-grey);border-radius:.5rem;cursor:pointer;font-size:1.5rem;padding:.5rem 1rem}.top-section .right .top button.follow-btn{background-color:var(--color-dark-blue);border:none;color:var(--color-white);font-weight:700;padding-left:2rem;padding-right:2rem}.top-section .right .top button.unfollow-btn{align-items:center;display:flex;padding:.4rem 3rem}.top-section .right .top button.follow-btn:disabled{background-color:var(--color-light-blue)}.top-section .right .middle{display:flex;gap:2.5rem}.top-section .right .middle span{font-weight:700}.top-section .right .bottom,.top-section .right .middle p{font-size:1.8rem}.top-section .right .bottom p:first-child{font-weight:700}.bottom-section .tags{display:flex;gap:2rem;justify-content:center}.bottom-section .posts,.bottom-section .saved{grid-row-gap:1rem;display:grid;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:92rem;row-gap:1rem}.bottom-section .tags li{align-items:center;color:var(--color-light-grey);cursor:pointer;display:flex;font-size:1.5rem;gap:.7rem;padding:1.5rem 0}.bottom-section .tags li.active{border-top:.15rem solid var(--color-black);color:var(--color-black)}a{color:#000}button:disabled{cursor:auto}button.message{font-weight:700}.profile-section .bottom-section .posts img,.profile-section .bottom-section .saved img{background-color:var(--color-black);cursor:pointer;height:29.2rem;width:29.2rem}@media (max-width:900px){.profile-section .bottom-section .posts,.profile-section .bottom-section .saved{align-items:center;row-gap:.3rem}.profile-section .bottom-section .posts img,.profile-section .bottom-section .saved img{height:15rem;width:100%}.top-section{gap:2rem}.top-section .right .top h3{font-size:2rem}.top-section .right .middle p{align-items:center;display:flex;flex-direction:column}.top-section .right .middle{gap:1.5rem}.top-section .right .top button{font-size:1.2rem}.top-section .right .bottom{font-size:1.5rem}}article.signup-article{align-items:center;background-color:var(--color-grey);display:flex;gap:4rem;height:100vh;justify-content:center}.signup-article form{background-color:#fff;border:.05rem solid rgba(0,0,0,.192);height:55rem;padding:.5rem 4rem;width:26vw}.signup-article form h1{font-family:Satisfy,cursive;font-size:4rem;padding:3rem 0;text-align:center}.signup-article form div{display:flex;flex-direction:column;position:relative}.signup-article form legend{color:var(--color-light-grey);font-size:1.7rem;font-weight:bolder;margin-bottom:2rem;text-align:center}.signup-article form label{color:var(--color-light-grey);cursor:text;display:flex;font-size:1.5rem;justify-content:space-between;padding:0 .5rem;position:absolute;top:35%;transition:all .1s ease-in;width:100%}.signup-article form label.move{cursor:pointer;font-size:1.2rem;-webkit-transform:translateY(-52%);transform:translateY(-52%)}.signup-article form label img{cursor:pointer;height:1.8rem;-webkit-transform:translateY(45%);transform:translateY(45%);width:auto}.show-password{color:var(--color-black);cursor:pointer;font-size:1.5rem;left:86%;position:absolute;top:50%}.signup-article form input{background-color:var(--color-dark-grey);border:.05rem solid rgba(0,0,0,.192);height:4rem;margin:.5rem 0;padding:.7rem .5rem 0}.signup-article button{background-color:var(--color-dark-blue);border:none;color:#fff;cursor:pointer;margin-top:2rem;padding:.5rem 2rem;width:100%}.signup-article button:disabled{background-color:var(--color-light-blue)}.signup-article footer{font-size:1.5rem;padding-top:2rem;text-align:center}.signup-article footer a{color:var(--color-dark-blue);text-decoration:none}@media (max-width:990px){article.signup-article{justify-content:space-around;padding:0 5rem}.signup-article form{width:35vw}}@media (max-width:820px){article.signup-article img{display:none}.show-password{left:82%}.signup-article form{width:50vw}}@media (max-width:670px){.signup-article form{background-color:initial;border:none;padding:0;width:100vw}.signup-article form h1{font-size:5rem;padding:2rem 0}.signup-article form legend{font-size:2rem}.signup-article footer{font-size:1.7rem}}div.background-overlay{background-color:var(--color-dark-grey-transparent)}div.post-details-containers{background-color:var(--color-white);display:flex;height:90%;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:85%}div.post-details-containers img{height:100%}div.post-details-containers img.postImage{background-color:var(--color-black);width:50%}div.post-details-containers .comments{display:flex;flex-direction:column;justify-content:space-between;overflow:scroll;width:100%}div.post-details-containers .middle,div.post-details-containers .top{align-items:center;border-bottom:.1rem solid var(--color-dark-grey);display:flex;font-weight:700;justify-content:space-between;padding:.7rem 2rem;width:100%}div.post-details-containers .middle{align-items:flex-start;border-bottom:none;flex-direction:column;gap:1rem;overflow:scroll}div.post-details-containers .middle>div,div.post-details-containers .top>div{align-items:center;display:flex;font-size:2rem;gap:1.2rem}div.post-details-containers .top button{background-color:initial;border:none;color:red;cursor:pointer;font-weight:700}div.post-details-containers .middle img,div.post-details-containers .top img{border:.15rem solid var(--color-dark-grey);border-radius:50%;width:4rem}p.author-comment{font-weight:lighter}div.comment-box{border-top:.2rem solid var(--color-dark-grey);position:relative}div.comment-box>div{display:flex;justify-content:space-between;padding:1.3rem 1.5rem}div.left{align-items:center;display:flex;gap:1rem}div.comment-box p{font-size:2rem;font-weight:700;padding:.7rem 1.5rem}div.comment-box p.date{color:var(--color-light-grey);font-size:1.2rem;font-weight:lighter}div.comment-box img{cursor:pointer;width:2.3rem}div.comment-box input{border:none;border-top:.2rem solid var(--color-dark-grey);height:5rem;padding:0 1rem;width:100%}div.comment-box button.post-comment{background-color:initial;border:none;color:var(--color-dark-blue);cursor:pointer;position:absolute;top:85%;-webkit-transform:translate(-150%,-50%);transform:translate(-150%,-50%)}div.comment-box button.post-comment:disabled{color:var(--color-light-blue)}.loading-post{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;border:1.6rem solid var(--color-light-grey);border-radius:50%;border-top:1.6rem solid var(--color-light-grey);border-top-color:var(--color-instagram-red);height:12rem;margin:auto;width:12rem}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media (max-width:913px){div.post-details-containers img.postImage{display:none}div.post-details-containers{height:80%}}:root{--color-dark-blue:#0097f0;--color-grey:#f9f9f9;--color-light-blue:rgba(0,152,240,.42);--color-light-grey:rgba(68,68,68,.805);--color-dark-grey:hsla(0,3%,83%,.398);--color-dark-grey-transparent:rgba(68,68,68,.711);--color-black:#000;--color-instagram-red:#ff0076;--color-white:#fff}*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}.container{margin:0 auto;max-width:120rem}input{outline:none}.hide{display:none}.error-message{color:red;font-size:1.6rem;text-align:center}button:disabled{cursor:default}li{list-style:none}
/*# sourceMappingURL=main.978878c1.css.map*/