.MyMessage{display:flex;align-items:flex-end;width:400px;margin-left:25px;margin-right:85px;flex-direction:column;justify-content:space-between;gap:9px;word-wrap:break-word;overflow-wrap:break-word}.userMe{display:flex;gap:10px;justify-content:right;align-items:center;flex-direction:row-reverse}.MyMessage .MessContent{display:flex;gap:10px;flex-direction:row-reverse}.MyMessage .actions{display:flex;width:100px;align-items:end;flex-direction:column;margin-top:-30px;margin-right:15px}.MyMessage .actions .actOtions{display:flex;width:100px;justify-content:center;flex-direction:column;gap:5px;position:sticky;background-color:#faedca;border-radius:15px;display:none;position:absolute;margin-top:-80px}.MyMessage .actions .change{display:flex;width:auto;justify-content:left;padding-left:10px;padding-top:10px;border-radius:15px 15px 0 0;gap:10px}.MyMessage .actions .change:hover{background-color:#f2c078;overflow:hidden}.MyMessage .actions .delete{gap:10px;padding-left:10px;padding-bottom:10px;display:flex;width:auto;justify-content:left;cursor:pointer;border-radius:0 0 15px 15px}.MyMessage .actions .delete:hover{background-color:#f2c078;overflow:hidden}.MyMessage .actions .option{cursor:pointer}.menuLine{width:auto;height:1px;background-color:#000}.MyMessage .MessComps{display:flex;flex-direction:column;align-items:end}.MyMessage .text{background-color:#b1a5a5;border-radius:10px;padding:5px 15px 25px;display:flex;width:360px}.MyMessage .text textarea{background-color:#d8d6d6;border:none;width:100%;height:max-content}.MyMessage .text button{width:100%;cursor:pointer;border:1px solid #bd5b00;height:25px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#213547;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.Blank{height:70px}a{font-weight:500;color:#bd5b00;text-decoration:inherit}a:hover{color:#bd5b00}body{margin:0;padding:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:#fffcf4;justify-content:center}.logo_user{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100px;margin-top:10px}.content{padding-top:70px;padding-left:20px;margin-left:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px}.form{display:flex;flex-direction:column;justify-content:space-between;gap:10px}h1{font-size:2.5em;line-height:1.1;margin:0 0 15px}.login_page_q{display:flex;flex-direction:column;gap:10px}.login_page_p{display:flex;flex-direction:column;align-items:flex-start;padding:0;margin:0}.input_login{display:flex;border:#1a1a1a 1px solid;border-radius:36px;width:250px;height:50px;padding-left:25px;background-color:#faedca}.input_login ::placeholder{align-self:center}.label_login{padding-left:15px}.additionalInfo{display:flex;justify-content:center;flex-direction:column;align-items:center}button.Submit{border-radius:20px;background-color:#f2c078;border:1px solid black;padding:0 1.2em;font-size:1.5em;font-weight:500;font-family:inherit;color:#bd5b00;cursor:pointer;transition:border-color .25s;height:50px}button:hover{border-color:#bd5b00}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.Header_prof{height:55px;width:100%;background-color:#faedca;margin-top:auto;position:fixed;top:0;left:0;z-index:1;display:flex;justify-content:space-around;padding-right:20px;gap:200px}.HeaderBookmark{height:55px;width:100%;background-color:#faedca;margin-top:auto;position:fixed;top:0;left:0;z-index:1;display:flex;align-items:center;justify-content:space-around;padding-right:20px;gap:200px;font-size:30px;font-weight:500}.Header{height:55px;width:100%;background-color:#faedca;margin-top:auto;position:fixed;top:0;left:0;z-index:1;display:flex;justify-content:space-around;padding-right:20px;gap:200px}.Header .home,.Header_prof .home{display:flex;justify-content:center;font-weight:500;font-size:30px}.Header_prof .logOut{display:flex;justify-content:center;align-items:center}.Header_prof a{width:30px;height:30px;display:flex;justify-content:center;align-items:center}.Header_prof a:hover{background-color:#f2c078;width:30px;height:30px;display:flex;justify-content:center;align-items:center;border-radius:50%}.nav{display:flex;justify-content:center}.NavBar{height:55px;width:80%;background-color:#faedca;margin-top:auto;border-radius:25px;position:fixed;bottom:15px;z-index:1;display:flex;align-items:center;justify-content:space-around}.NavBar>div{width:42px;height:42px;overflow:hidden;display:flex;justify-content:center;align-items:center}.NavBar .active{display:flex;justify-content:center;align-items:center;width:42px;height:42px;background-color:#f2c078;border-radius:25px}.NavBar .i_home{display:flex}.NavBar .i_book{display:flex;justify-content:center;align-items:center;padding-top:2px}.NavBar .i_me{display:flex}.Footer{height:55px;width:100%;background-color:#faedca;margin-top:auto;position:fixed;bottom:0;left:0;z-index:1}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover,a:active{color:#bd5b00}button{background-color:#f2c078}}.img-display-after{width:100%;max-width:200px;height:200px;border-radius:50%;object-fit:cover}.img-display-before{height:200px;width:200px;border-radius:50%}.profForm{display:flex;justify-content:left;width:250px}.BoxName{display:flex;justify-content:center;align-items:center;padding-left:80px}.profForm input{width:230px;height:30px;margin-top:5px;margin-bottom:5px;padding-left:10px;border-radius:20px;border:#f2c078 solid 1px;background-color:#faedca}.profForm button{position:absolute;margin:80px 75px;width:100px;height:30px;border:#bd5b00 1px solid;border-radius:20px}.Message{display:flex;flex-direction:column;gap:9px;justify-content:flex-start;align-items:flex-start;max-width:800px;min-width:320px;margin-left:25px;margin-right:85px}.user{display:flex;gap:10px;align-items:center}.userAva{border:#7EBC89 solid 1px;justify-content:center;align-items:center;width:45px;display:flex;height:45px;border-radius:50%}.userAva img{width:40px;height:40px;border-radius:50%}.userInfo{display:flex;flex-direction:column;width:auto;justify-content:space-between}.userName{display:flex;align-items:center;font-weight:700;font-size:22px}.sentTime{padding:0 0 2px;margin:0;font-weight:400;display:flex;align-items:flex-end;font-size:15px}.MessContent{display:flex;gap:10px}.line{width:2px;background-color:#b1a5a5;border-radius:5px}.actions{display:flex;width:100px;justify-content:space-between;padding-left:10px}.MessComps{display:flex;flex-direction:column;gap:9px}.text{background-color:#7ebc89;border-radius:10px;padding:5px 15px 15px}.like_act{display:flex;justify-content:center;align-items:center;width:28px;height:28px}svg{display:flex;justify-content:center;align-items:center;cursor:pointer}.active_comp svg path{fill:red;stroke:red}.active_comp_b svg path{fill:#009bbd;stroke:#009bbd}.Comment{display:block}.commentBar{display:flex;flex-direction:column;justify-content:right;align-items:flex-end}.commentBar .userInfo{display:flex;flex-direction:row;gap:20px;padding-right:10px}.commentBar .userName{order:1}.commentContent{background-color:#b4aeae;border:none;border-radius:15px;padding:10px 15px;width:350px;margin-bottom:5px}.isComment{display:flex;flex-direction:column;gap:5px;align-self:flex-start;margin-left:10px}.commentBar .button{position:absolute;margin-top:40px}.commentBar button{height:40px;border:none;background-color:#8a8080}.commentBar .actions{display:flex;width:100px;align-items:end;flex-direction:column;margin-top:35px;margin-right:10px}.commentBar .actions .actOtions{display:flex;width:100px;justify-content:center;flex-direction:column;gap:5px;position:sticky;background-color:#faedca;border-radius:15px;display:none;position:absolute;margin-top:-80px}.commentBar .actions .change{display:flex;width:auto;justify-content:left;padding-left:10px;padding-top:10px;border-radius:15px 15px 0 0;gap:10px}.commentBar .actions .change:hover{background-color:#f2c078;overflow:hidden}.commentBar .actions .delete{gap:10px;padding-left:10px;padding-bottom:10px;display:flex;width:auto;justify-content:left;cursor:pointer;border-radius:0 0 15px 15px}.commentBar .actions .delete:hover{background-color:#f2c078;overflow:hidden}.commentBar .actions .option{cursor:pointer}.box{position:fixed;bottom:73px;margin-right:75px;display:flex;width:auto;max-width:1000px;min-width:400px;justify-content:center;align-items:center}.newMessage{width:auto;max-width:1000px;order:-1;display:flex;gap:10px;position:fixed;bottom:73px;margin-right:75px}.new{width:auto;max-width:800px;min-width:300px}textarea{width:auto;max-width:900px;min-width:300px;height:fit-content}.newMess{width:100%;min-width:250px;height:40px;padding:0 15px;border-radius:25px;border:1px solid rgb(221,128,14);background-color:#faedca;color:#643701;word-wrap:break-word}#newMessage ::placeholder{color:#dd800e}.newMessage button{border:none;border-radius:50%;width:60px;background-color:#faedca}.newMessage button:hover{background-color:#f2c078}.cancel{display:flex;justify-content:center;align-items:center;background-color:#faedca;width:40px;height:40px;border-radius:50%;position:absolute;bottom:50px;margin-left:290px}.cancel :hover{background-color:#f2c078;width:40px;border-radius:50%;height:40px}.plus{margin-left:300px}