.navbar{padding:0;margin:0;background-color:#000;display:flex;flex-wrap:wrap}a{text-decoration:none;color:#fff}.menu{position:fixed;height:100%;width:110px;background:#150272;opacity:.7;transition:width 1s;overflow:hidden;font-family:fantasy;z-index:99;box-shadow:inset -8px 0 16px -6px #0003}.menu:hover{width:220px}.menuitem{height:17%;line-height:30px;position:relative;padding:10px;transition:border .9s}.menuitem:hover{background:(0,0,0,.5);cursor:pointer}.one{border-left:0px solid #16a085}.one:hover{border-left:50px solid rgb(8,251,255)}.two{border-left:0px solid #e7dada}.two:hover{border-left:50px solid rgb(234,16,125)}.three{border-left:0px solid #4a4d9a}.three:hover{border-left:50px solid rgb(241,191,11)}.threehalf{border-left:0px solid #08f400;font-size:30px;margin-left:15px}.threehalf:hover{border-left:50px solid rgb(11,241,46)}.four{border-left:0px solid #96cb2c}.four:hover{border-left:50px solid rgb(2,2,244)}.five{border-left:0px solid #cb2c37}.five:hover{border-left:50px solid rgb(244,2,2)}.six{border-left:0px solid #ade70f;font-size:30px;margin-left:15px}.six:hover{border-left:50px solid rgb(139,69,224)}.seven{border-left:0px solid #ade70f}.seven:hover{border-left:50px solid rgb(212,255,0)}button{background-color:none}.menuitem .active{color:red}*{margin:0;padding:0;box-sizing:border-box}.homebody{width:100vw;color:#000;font-family:fantasy}.homeheading{font-size:40px;display:flex;justify-content:center;align-items:center;text-align:center}@media only screen and (max-width: 600px) and (orientation: landscape){.homebody{padding:none;height:70%;width:70%;color:#000;font-family:fantasy}}.signup-container{width:420px;background-color:#fff;padding:20px;margin:30px auto 200px;border-radius:8px;box-shadow:0 0 20px #000000b3}.signup-heading{text-align:center;margin-bottom:30px}.signup-heading h2{font-size:24px;color:#333;font-weight:400}.signup-form{margin-bottom:20px}.signup-form input[type=email],.signup-form input[type=text],.signup-form input[type=password],.signup-form input[type=file]{width:100%;padding:10px;margin-bottom:20px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.signup-form input[type=submit]{width:100%;background-color:#030203;color:#fff;padding:15px 20px;border:none;border-radius:4px;cursor:pointer;font-size:16px}.signup-form input[type=submit]:hover{background-color:#4548a0}.uploadpicture{width:40%;background-color:#8d146f;color:#fff;padding:6px 10px;border:none;border-radius:4px;cursor:pointer;font-size:14px;margin-bottom:10px}.uploadpicture:hover{background-color:#2b9999}.login-link{text-align:center}.login-link p{margin-top:10px}.login-link span{color:#666;cursor:pointer}.spinner{border:6px solid rgba(0,0,0,.999);border-top:6px solid #ffffff;border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite;margin-bottom:10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body{margin:0;display:grid;grid-template-rows:auto 1fr auto;align-items:center;height:100vh;width:100vw;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;background-color:#fff}.login-container{width:420px;height:490px;background-color:#fff;padding:40px;margin:100px auto;border-radius:8px;box-shadow:0 0 20px #000000b3}.login-heading{text-align:center;margin-bottom:30px}.login-heading h2{font-size:24px;color:#333}.login-form{margin-bottom:20px}.login-form input[type=email],.login-form input[type=password]{width:100%;padding:10px;margin-bottom:20px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.login-form input[type=submit]{width:100%;background-color:#000;color:#fff;padding:15px 20px;border:none;border-radius:4px;cursor:pointer;font-size:16px;margin-top:0}.login-form input[type=submit]:hover{background-color:#4548a0}.login-form .forgot-password{text-align:right;margin-top:10px}.login-form .forgot-password a{color:#666;text-decoration:none;font-size:14px}.login-form .forgot-password a:hover{text-decoration:underline}.login-form .sign-up-link{text-align:center}.login-form .sign-up-link a{color:#666;text-decoration:none}h6{margin-top:50px;margin-bottom:50px;font-size:20px;font-weight:400}.postview-all{margin-bottom:600px}.createnewpost{background-color:#181315;color:#fff;font-weight:400;font-size:14px;padding:10px;border-color:transparent;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;border-radius:10px;cursor:pointer;margin-bottom:50px}.createnewpost:hover{background-color:#ffb6c1}.username{margin-right:10px;margin-top:40px;cursor:pointer;text-decoration:none}.username:hover{text-decoration:underline}.addpost{padding:20px;width:610px;cursor:pointer;border-radius:50px;font-size:20px;border-color:#f5f5f5}.usernamepicture{width:700px;display:flex;flex-direction:row;border:solid;background-color:#352e64;border-color:#352e64;color:#fff;font-size:15px}.postimage{height:550px;width:700px}.caption{background-color:#f2f5f6;width:700px;text-align:justify;font-size:18px;padding:30px;border:solid;border-color:transparent;margin-bottom:"10px"}.wholepost{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:60px}.likecomment{display:flex;align-items:left;flex-direction:row;justify-content:space-around;width:700px;height:40px;margin-bottom:12px;font-size:18px;background-color:#746cc7;color:#fff}.thumbsupicon{text-align:left;margin-right:5px;cursor:pointer;color:#fff}.isCommenting{width:700px;display:flex;justify-content:"space-between"}.postcomment{background-color:#000;color:#fff;padding:12px;border-color:transparent;border-radius:5px;cursor:pointer;margin-left:30px}.allcomments{width:700px;display:flex;flex-direction:row;background-color:#fff;border:solid;border-color:#f5f5f5;margin-bottom:5px;align-items:center;justify-content:space-between}.commentContainer{display:flex;justify-content:center;align-items:center}.commentUserPicture{width:40px;height:40px;border-radius:50%}.commentornameimage{width:700px;display:flex;flex-direction:row;border-style:solid;background-color:#cec8cf;border-color:#373434;border-radius:5px;margin-bottom:5px}.showmorecomments{background-color:#513288;color:#fff;font-weight:400;font-size:14px;padding:10px;border-color:transparent;border-radius:5px;cursor:pointer;margin-bottom:30px}.showmorecomments:hover{background-color:#ffb6c1}.trashcan{margin-right:20px}.trashcomment{font-size:large;text-align:end;color:red;cursor:pointer}.deleteeditpost{display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-end;margin-left:150px;font-size:20px}.deletepost{font-size:large;color:#fff;cursor:pointer;font-size:25px}.editpost{cursor:pointer;margin-right:20px;font-size:25px}.usertimelinepicturepost{display:flex;flex-direction:row;align-items:center;justify-content:center;margin-bottom:50px;margin-top:80px}.timelineUserPicture{width:70px;height:70px;margin-right:10px;border-radius:50%}.userpicturepost{width:70px;height:70px;margin-top:10px;margin-right:10px;border-radius:50%}.whatdoyousay{width:90%;border-radius:10px;font-size:16px}.modal-container{position:fixed;width:100vw;height:1000vh;background:#00000080;z-index:9999;margin-top:0;margin-left:0;justify-content:center;align-items:center}.modal{position:fixed;top:30%;left:50%;transform:translate(-50%,-50%);background-color:#f5f5f5;width:900px;height:500px;z-index:10000;border:solid black;border-radius:10px;padding:20px}.modal-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.close-button{cursor:pointer;color:#000;margin-top:20px;margin-left:auto;margin-right:10px;font-size:25px;background-color:#f5f5f5;border-color:transparent}.caption-input{width:700px;height:100px;background-color:#f5f5f5;border-color:transparent;font-size:30px}.imagebuttons{display:flex;flex-wrap:wrap;flex-direction:column;margin-bottom:30px}.modal-image{margin-bottom:30px;width:300px;height:200px}.submit-camera-button{margin-bottom:30px;display:flex;flex-direction:row;align-items:center;justify-content:center}.submit-button{cursor:pointer;background-color:#000;color:#fff;padding:10px 50px;border-radius:30px;margin-right:10px;margin-left:10px}.userprofile-container{width:400px;height:550px;background-color:#fff;padding:40px;margin:100px auto;border-radius:8px;box-shadow:0 0 20px #000000b3}.getuserprofile{width:80%;background-color:#534caf;color:#fff;padding:12px 10px;border:none;border-radius:4px;cursor:pointer;font-size:16px;margin-bottom:30px}.useremail,.profilepicturetext,.username1{font-size:15px;font-weight:400;margin-bottom:30px}.userimage{width:200px;height:200px;border-radius:50%;border:solid purple}.updateuserprofile{width:80%;background-color:#a74caf;color:#fff;padding:12px 10px;border:none;border-radius:4px;cursor:pointer;font-size:16px;margin-top:20px}.deleteuserprofile{width:80%;background-color:#4158c8;color:#fff;padding:12px 10px;border:none;border-radius:4px;cursor:pointer;font-size:16px;margin-top:20px}.updateuserprofile:hover{background-color:#4eaf4c}.deleteuserprofile:hover{background-color:#af4c4c}.create-post-page{display:flex;justify-content:center;align-items:center;height:80vh}.container{width:900px;padding:20px;border:1px solid #ccc;border-radius:8px;background-color:#704cbe;color:#fff}.container h2,.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px}.form-group input[type=text],.form-group textarea{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px}.btn-submit{background-color:#da37da;color:#fff;border:none;border-radius:4px;padding:15px 40px;cursor:pointer;font-family:fantasy}.btn-submit:hover{background-color:#7f1581}.redirect{display:flex;align-items:center;justify-content:center;flex-direction:column;margin-top:20%}.pleaselogin{background-color:#000;padding:15px 60px;color:#fff;font-weight:400;font-size:15px;margin-top:20px;cursor:pointer;border-radius:5px}.footer{font-family:Roboto,sans-serif;display:flex;padding:4px;color:#2f2f2f;background-color:#fff;border-top:1px solid #e5e5e5;position:fixed;width:100%;margin-top:200px;bottom:0}.footer>*{flex:1 100%}.footer__addr{margin-right:1.25em;margin-bottom:2em}.footer__logo{font-family:Roboto,sans-serif;font-weight:400;text-transform:lowercase;font-size:1.5rem}.footer__addr h2{margin-top:1.3em;font-size:15px;font-weight:400}.nav__title{font-weight:400;font-size:15px}.footer address{font-style:normal;color:#999}.footer__btn{display:flex;align-items:center;justify-content:center;height:36px;max-width:max-content;background-color:#21212112;border-radius:100px;color:#2f2f2f;line-height:0;margin-left:200px;margin-top:20px;font-size:1rem;padding:0 1.3em}.footer ul{list-style:none;padding-left:0}.footer li{line-height:2em}.footer a{text-decoration:none}.footer__nav{display:flex;flex-flow:row wrap}.footer__nav>*{flex:1 50%;margin-right:1.25em}.nav__ul a{color:#999}.nav__ul--extra{column-count:2;column-gap:1.25em}.legal{display:flex;flex-wrap:wrap;color:#999}.legal__links{display:flex;align-items:center}.heart{color:#2f2f2f}@media screen and (min-width: 24.375em){.legal .legal__links{margin-left:auto}}@media screen and (min-width: 40.375em){.footer__nav>*{flex:1}.nav__item--extra{flex-grow:2}.footer__addr{flex:1 0px}.footer__nav{flex:2 0px}}