#modal{display:flex;justify-content:center;align-items:center}#modal,#modal-background{position:fixed;top:0;right:0;left:0;bottom:0}#modal-background{background-color:rgba(0,0,0,.7)}#modal-content{position:absolute;background-color:#fff}div#modal-content{background-color:#add8e6;height:50%;width:50%;flex-direction:column;display:flex;place-items:center;height:70vh;color:var(--text2);border-radius:25px;padding-bottom:5%;background-image:url(/static/media/image.386fe18d.png);background-position:top;background-size:cover}div.login_logo{display:flex;flex-direction:row}.login_gram,.login_pixel{font-size:5.5em;font-weight:700}.login{margin-top:50%;color:#000}form.login-form{align-content:space-between;align-items:flex-end;color:#000;font-weight:700}.error-section,.post-form-container,form.login-form{display:flex;justify-content:center;flex-direction:column}.err-container,.post-form-container{align-items:center}.err-container{flex-direction:column}.modal-button-container{width:100%;display:flex;justify-content:center}label{padding:10px}input{margin:10px}.signup-form,.update-comment-section{display:flex;justify-content:center}.signup-form{align-content:space-between;align-items:flex-end;flex-direction:column;color:#000;font-weight:700}.signup{margin-top:30%;color:#000}.profile-dropdown{position:relative;display:block;flex-direction:column;margin:0;left:20px}.hidden{display:none}.navigation-side-panel>h1{display:block;align-items:center;color:#fff;text-decoration:none}.logo-section{display:flex;align-items:center;justify-content:flex-start}.pixel{color:#fff;min-width:-webkit-min-content;min-width:min-content;font-family:"Shantell Sans",cursive}.pixel-logo{width:30px;height:30px;padding-right:5px}.navigation-side-panel{box-sizing:border-box;margin-right:0;padding-left:20px;padding-right:20px;padding-top:3%;width:15%;height:100%;position:fixed;top:0;left:0;border-right:1px solid #d3d3d3;min-width:220px;display:flex;flex-direction:column}.home-log{width:80%;height:40px;display:flex;align-items:center;justify-content:flex-start;padding-left:20px;margin-top:10px;margin-bottom:10px;min-width:90%}.home-log:hover{background-color:#1d1c1c;border-radius:25px;cursor:pointer}.explore-page-tab{width:80%;height:40px;display:flex;align-items:center;justify-content:flex-start;padding-left:20px;margin-top:10px;margin-bottom:10px;min-width:90%}.explore-page-tab:hover{background-color:#1d1c1c;border-radius:25px;cursor:pointer}.modal-divs{margin-top:15px;margin-bottom:15px;margin-right:10px;display:flex;justify-content:center;align-items:center;border-radius:3px}.modal-divs:hover{background-color:#30a7cf;border-radius:3px}.edit-delete-container{display:flex;justify-content:center}.navigation-side-panel>div{height:40px;display:flex;align-items:center;justify-content:flex-start;padding-left:20px;margin-top:10px;margin-bottom:10px;min-width:90%}.navigation-side-panel>div:hover{background-color:#1d1c1c;border-radius:25px;cursor:pointer}span.profile-section-button{display:flex;align-items:stretch}i.fa-user-circle{padding-left:1px}input.profile-section-clicked{width:40px;height:40px;border-radius:50%}.profile-section-clicked{background-color:initial;display:flex;width:100%;width:30px;height:30px;border-radius:50%;margin-right:10px}.demo-login-button{height:60px}ul>li{padding-bottom:5px}.post-form-elements{display:flex;flex-direction:column;margin-top:80%;color:#000}.err-container,.post-form-h2{display:flex;justify-content:center}.err-container{height:100px;width:100%}.login-inputs{display:flex;flex-direction:column}.post-form-label{display:flex;align-items:center;justify-content:flex-end;color:#000;font-weight:700}ul{width:60%}.homepage-container,ul{display:flex;justify-content:center}.homepage-container{margin-left:25%;width:50%;height:auto;color:#fff;flex-direction:column;align-items:center;margin-right:0}.post-button-section{display:flex;justify-content:center;align-items:center}.post-button{position:-webkit-sticky;position:sticky}.user-profile-container{height:80px;width:100%}.photo-container,.user-profile-container{display:flex;justify-content:center;align-items:center}.photo-container{flex-direction:column;width:400px;border-radius:5px}.photo-img-box{display:flex;width:100%;position:relative;z-index:0}.photo-img-box img{width:100%;height:auto;z-index:1}.photo-btn{position:absolute;top:50%;left:30%;background-color:initial;display:none;cursor:pointer;z-index:2}.photo-btn,.photo-img-box:hover{box-shadow:3px 3px red,-.5em -.5em .4em #0ff;border-radius:5px}a.photo-link{border-radius:5px}.each-photo{width:468px;height:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;border-bottom:1px solid #464646}.photo-detail{width:500px;margin-bottom:30px}.number-likes-section{color:grey;display:flex;flex-direction:row;align-items:center}.follow-btn{display:flex;margin-left:10px;padding:3px}.follow-btn:hover{cursor:pointer;background-color:#30a7cf;border:1px solid #d3d3d3;border-radius:3px}.photo-like-section{margin-top:10px;margin-left:10px;display:flex;flex-direction:row;align-items:baseline}.profile-pic-username-container{width:400px;width:100%;display:flex;align-items:center;flex-direction:row;margin-top:25px;margin-bottom:10px}.profile-picture{padding-right:5px;padding-top:5px;padding-bottom:5px}.photo-user-profile{padding-left:5px;font-weight:700}div.photo-user-profile{padding-top:10px;padding-bottom:10px}div.photo-like-comment-section{padding-top:5px;padding-bottom:10px;margin:10px}div.photo-caption{display:flex;justify-content:flex-start;margin-top:10px;margin-bottom:10px}.photodetail-container{position:absolute;margin-top:5%;margin-left:30%;max-width:500px;height:auto;color:#fff;border-radius:5px}.heart-follow-container{display:flex;flex-direction:row;align-items:baseline}.explore-page-container{position:absolute;margin-top:5%;margin-left:30%;max-width:500px;height:auto;color:#fff;border-radius:5px}.detailphoto-img-box,.img-itself{width:500px;height:auto}.profile-img,.profile-picture{width:30px;height:30px;border-radius:55%}.profile-img{padding-right:5px}.each-comment{display:flex;align-items:center;padding-top:10px;padding-bottom:10px;width:100%}.each-comment-profile-pic{width:25px;height:25px;border-radius:50%}.each-comment-username{padding-left:5px;padding-right:10px}.each-comment-comment{color:#a9a9a9}.each-comment-button-container{display:flex;align-items:center;justify-content:space-between;width:100%}.each-comment-buttons{display:flex}.add-comment-form{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:35px}.input-comment-bar-container{width:90%}input.input-comment-bar{width:90%;height:40px;margin-left:0;background-color:#000;color:#fff;border-radius:5px}.inside-comment{padding-left:10px;font-weight:lighter;color:#a9a9a9}.pic-and-username{padding-left:5px;display:flex;align-items:center;font-weight:700}div.photo-caption-container{width:100%;margin-bottom:25px}img.photo-itself{border-radius:5px;width:468px}.like-icon,.liked-icon{margin-bottom:10px}.liked-icon{color:red}.like-icon:hover,.liked-icon:hover{cursor:pointer}.following{color:grey}.following:hover{color:#fff}.not-follow{color:#3293f2}.not-follow:hover{color:#fff}.edit-photo-form{width:100%;height:100%;display:flex;align-items:center}.update-button-container{display:flex;justify-content:center;padding-top:10px}.update-form-elements{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.edit-form-title{font-size:2rem;font-weight:700;margin-bottom:10%}.message-side-container{position:fixed;top:0;right:0;margin-left:75%;width:20%;height:100%;color:#fff;display:flex;flex-direction:column;justify-content:flex-start;box-sizing:border-box;padding:0 10px;border-left:1px solid #d3d3d3}.message-title-bar{display:flex;justify-content:center;align-items:center;margin-top:50px}.chat-container{position:-webkit-sticky;position:sticky;border:0;width:100%;display:flex;justify-content:flex-end}.chat-input-buttons-too{display:flex;flex-direction:column;justify-content:center;width:100%}.chat-input-bar{color:#fff;width:98%;height:30px;background-color:#000;margin:0 0 10px;border-radius:5px}.btn-container{display:flex;justify-content:space-between;align-items:center;align-content:center}.chat-btn{width:100%;height:35px}.chat-btn:hover{border:none}.chat-box-container{display:flex;flex-direction:column;flex-grow:1;height:100%;width:100%;margin-top:10px;margin-bottom:10px;overflow-y:scroll;color:grey;justify-content:flex-start;padding-left:10px}div{color:#fff;font-family:"Roboto",sans-serif}body{background-color:#000}button{background-color:#30a7cf;color:#fff;padding:10px;border-radius:5px;font-family:"Roboto",sans-serif}button:hover{box-shadow:5px -5px 5px orange}.modal-divs:hover,button:hover{cursor:pointer}.logo{width:650px;height:200px;width:100%}.fa-heart{-webkit-transform:scale(1.5);transform:scale(1.5)}.fa-heart:hover{-webkit-transform:scale(2);transform:scale(2)}a{text-decoration:none}i{padding-right:8px}button.profile-button-container,img.profile-pic{width:40px;height:40px;border-radius:50%}
/*# sourceMappingURL=main.b47c4e5c.chunk.css.map */