body{margin:0;padding:0}.header-container{width:100%;height:auto;background-color:#8a3410;display:flex;justify-content:space-between;align-items:center;position:absolute;top:0}.header-title{font-size:40px;font-family:Impact,fantasy;line-height:2;display:flex;margin-left:50px;color:wheat}.signin{margin-left:auto;margin-right:50px;color:wheat;font-size:18px;background-color:transparent;width:100px;height:40px;border:2px solid wheat;border-radius:50px}button{cursor:pointer}.gmail-account{margin-left:auto;color:wheat;margin-right:50px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:20px;border:2px solid wheat;border-radius:50%;width:45px;height:45px;display:flex;justify-content:center;align-items:center;text-align:center;font-weight:700;cursor:pointer}.profile-container{position:absolute;width:300px;height:300px;top:100px;left:400px;background-color:brown;box-shadow:0 4px 10px #000;transition:all 1s ease-in-out;border-radius:20px;z-index:99}.logout{left:90px}.logout,.logout-icon{position:absolute;top:250px;border:none;background-color:transparent;color:wheat;font-size:20px;z-index:100}.logout-icon{left:70px;cursor:pointer}.close-con,.logout-con{cursor:pointer;z-index:1000}.close-con{font-size:30px;padding:20px;top:0;position:absolute}.close-con,.gmail-profile{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:wheat}.gmail-profile{font-size:20px;padding:120px 40px}.gmail-one{color:wheat;margin-left:110px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:30px;border:2px solid wheat;border-radius:50%;width:80px;height:80px;display:flex;justify-content:center;align-items:center;text-align:center;font-weight:700;cursor:pointer;position:absolute;top:20px}.settings-profile{bottom:80px;left:65px;z-index:1000}.settings-icon,.settings-profile{border:none;background-color:transparent;position:absolute;font-size:25px;color:wheat;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.settings-icon{right:130px;top:6px}.settings-con{cursor:pointer;margin-left:20px}.inputPost{display:flex;position:absolute;top:550px;padding:15px 10px;width:600px;font-size:16px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;resize:none;overflow:hidden;white-space:pre-wrap;word-wrap:break-word;box-sizing:border-box;min-height:40px;max-width:500px;outline:none;left:400px;border:2px solid wheat;border-top-left-radius:none;border-radius:10px;z-index:99;background-color:transparent;color:wheat}.inputPost::placeholder{color:wheat}.sendPost{display:flex;position:absolute;top:560px;padding:10px;font-size:16px;outline:none;left:930px;border:2px solid #000;border-radius:10px;background-color:#90ee90;z-index:99}.sendPostIcon{color:#000;z-index:99}.sendPost1{display:flex;position:absolute;top:560px;padding:10px;font-size:16px;outline:none;left:930px;border:2px solid #000;border-radius:10px;background-color:#90ee90;z-index:99;display:none}.sendPostIcon1{color:#000;z-index:99;display:none}.posted-texts{position:relative;display:flex;flex-direction:column;gap:10px;height:450px;max-height:450px;overflow-y:auto;padding-right:15px;top:70px}.posted-text{padding:15px;background-color:#f4f4f4;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.1);position:relative;left:430px;width:300px;height:auto}.posted-text,.posted-text h3{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin-top:0}.posted-text h3{font-size:16px;color:#555;position:absolute;font-weight:500}.posted-text p{font-size:22px;color:#000;word-wrap:break-word;margin-bottom:5px}.like-btn{font-size:12px;padding:2px 8px;background-color:gray;border:1px solid #000;border-radius:5px;position:relative;left:300px;bottom:50px}.delete-btn{background-color:#f44336;color:#fff;border:none;padding:4px 10px;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:10px;transition:background-color .3s ease,transform .2s ease;margin-left:260px;position:absolute;bottom:10px}.delete-icon{font-size:18px}.loading{text-align:center;position:absolute;left:600px;top:300px;font-size:20px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:wheat;padding:20px}@media (max-width:768px){body{padding:0;background-color:transparent;background-image:url(/_next/static/media/tree_minimalism_bw_132704_1280x720.59cbaeb7.jpg);max-height:200px}.header-container{width:100%}.header-title{font-size:30px;margin-top:10px;margin-left:20px}.gmail-account,.signin{width:80%;margin:10px 10}.signin{margin-left:0;margin-right:0;font-size:16px}.loading{position:absolute;left:100px}.gmail-account{font-size:18px;width:50px;height:50px}.profile-container{top:50px;width:50%;right:0;left:0;margin:0 auto;height:250px}.logout,.logout-icon{top:210px;left:50px}.close-con{font-size:24px;padding:10px}.gmail-profile{font-size:10px;padding:90px 30px}.settings-profile{bottom:40px;left:30px;font-size:20px}.settings-icon{right:30px;font-size:20px}.inputPost{width:75%;max-width:75%;font-size:14px;left:5%;top:500px;min-height:45px}.sendPost{left:75%;position:absolute;top:400px;padding:8px;font-size:14px}.posted-texts{top:50px;max-height:420px;padding-right:0}.posted-text{width:40px;max-width:200px;height:auto;left:5%}.posted-text h3{font-size:14px}.posted-text p{font-size:18px}.like-btn{font-size:14px;padding:2px 6px;position:relative;left:190px}.delete-btn{font-size:12px;padding:3px 8px;position:absolute;left:20px}.delete-icon{font-size:16px}}@media (max-width:480px){.header-title{font-size:24px}.signin{width:70%;font-size:14px}.gmail-account{width:40px;height:40px;font-size:16px}.profile-container{height:200px;top:120px}.logout,.logout-icon{top:180px;left:30px}.gmail-profile{font-size:16px;padding:70px 20px}.settings-profile{bottom:20px;left:20px}.settings-icon{right:10px;font-size:18px}.inputPost{width:90%;font-size:12px;left:5%;min-height:35px}.sendPost{left:85%;top:510px;padding:6px;font-size:12px}.posted-text{width:85%;left:7%}.posted-text h3{font-size:12px}.posted-text p{font-size:16px}.like-btn{font-size:12px;padding:2px 4px}.delete-btn{font-size:10px;padding:3px 6px;left:75%}.delete-icon{font-size:14px}}.friends-container{width:380px;height:100%;background-color:gray;position:absolute;top:0;left:0;z-index:-10}@media (max-width:768px){.friends-container{display:none}}