.welcometext{margin-left:15px;font-size:24px}.homeImage{width:150px;border-radius:40%;float:left;margin:10px 15px 15px 10px}.outerbox{border-radius:10px;background-color:var(--mainHeaderColor);padding:30px 2px 2px 2px;margin:5px}.innerbox{background-color:var(--innerBoxBackColor);border-radius:10px;padding:10px;min-height:100px}.postblock{display:grid;grid-template-rows:55px auto auto 55px;border:1px solid var(--postblockBorder);border-radius:5px;background-color:var(--postblockColor);min-height:150px;margin-bottom:5px}.header-div{position:relative;height:55px;border:1px solid var(--postHeaderBorder);background-color:var(--postHeaderColor);border-radius:5px 5px 0 0;margin:3px 3px 3px 3px}.post-title{position:absolute;left:55px;top:7px;font-style:italic;font-weight:700;font-size:16px;color:var(--postTitleColor)}.date{position:absolute;left:55px;top:32px;font-style:italic;font-style:italic;font-size:12px;color:var(--postTitleColor)}.main-text{padding:0 15px;overflow-wrap:break-word;font-size:16px;color:var(--postTextColor)}.comment-div{height:40px;border-radius:0 0 5px 5px;border:1px solid var(--postCommentBorder);margin:10px 3px 3px 3px;background-color:var(--postCommentColor)}.postmenu-del{float:right;width:25px;margin:10px;margin-right:10px;cursor:pointer;border-radius:3px;background-color:var(--postIconBackground);opacity:.8}.postmenu-edit{float:right;width:25px;margin:10px;margin-right:10px;cursor:pointer;border-radius:3px;background-color:var(--postIconBackground);opacity:.8}.comments{color:var(--postTitleColor);position:relative;padding:5px;float:right;top:5px;left:-15px;cursor:pointer}.likes{position:relative;color:var(--postTitleColor);top:-7px;left:5px;cursor:pointer}.smiley{width:40px;padding-top:3px;padding-left:10px;cursor:pointer}.likeInfo{margin-left:20px;margin-bottom:2px;opacity:.8;cursor:pointer;border-radius:3px;background-color:var(--postIconBackground)}.emojis{width:40px;cursor:pointer}.likesDiv{display:grid;grid-template-columns:50px 150px auto;border:1px solid #000;border-radius:5px;background-color:#fff;padding:5px;margin-top:5px}.showLikesName{position:relative;top:10px;font-size:14px}.showLikesDate{position:relative;top:10px;font-size:12px}#addPostBtn{position:fixed;top:75vh;right:-35px;z-index:2;background-color:#add8e6;border-radius:50%;opacity:.5;min-width:70px;min-height:70px;cursor:pointer}#addPostDiv{border:1px solid #777;border-radius:5px;background-color:#f5f5f5;min-height:70px;margin:3px 2px 0 2px;padding:10px;cursor:pointer}#addPostDiv>p{border-radius:5px;background-color:#ddd;height:30px;padding:5px}.mediaContainer{border-radius:10px;margin:10px 3px;background-repeat:no-repeat;background-size:cover}.mediaContainerSingle{background-image:url(/images/backgrounds/blurred.jpg);display:flex;justify-content:center;max-height:350px}.mediaSingle{width:100%;border-radius:10px;cursor:pointer;max-height:350px;object-fit:contain;object-position:center}.mediaDouble{width:49.5%;height:200px;object-fit:cover;margin:.25%;border-radius:5px;cursor:pointer}.media2to6{width:32.8%;height:120px;object-fit:cover;object-position:50% 20%;margin:.15% .25%;border-radius:5px;cursor:pointer}.mediaGt6{width:24.5%;height:90px;object-fit:cover;object-position:50% 20%;margin:.05% .25%;border-radius:5px;cursor:pointer}.videoHidden{display:none}@media screen and (min-width:900px){.mediaDouble{height:230px}.media2to6{height:150px}.mediaGt6{height:120px}}@media screen and (max-width:599px){.mediaDouble{height:200px}.media2to6{height:120px}.mediaGt6{height:90px}}.userBlock{display:grid;grid-template-columns:55px auto 60px 60px 30px;height:50px;margin:2px 10px;font-size:14px;border-radius:5px;border:1px solid var(--userBackBorder);background-color:var(--userBackColor)}.userBlock span{margin-top:15px;cursor:pointer}.userBlock img{cursor:pointer}.notificationBlock{display:grid;grid-template-columns:50px auto 25px;align-items:center;margin:3px;padding:3px;width:100%;background-color:var(--notificationBackColor);border:1px solid var(--notificationBorderColor);border-radius:5px;font-size:14px;cursor:pointer}.notificationavatar{border-radius:25% 5%;width:40px;height:40px;cursor:pointer}.notificationEmoji{vertical-align:middle;width:20px}.notificationdate{font-size:12px}.notifyDelete{width:20px;cursor:pointer}.notificationText{font-size:12px;font-style:italic;color:#777;margin:5px 15px 5px 10px}