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