@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;800&display=swap";.App{font-family:Open Sans,sans-serif;display:flex}.MenuContent ul{padding:0;display:flex;flex-direction:column;gap:10px}.MenuContent li{list-style-type:none;display:flex;gap:5px;align-items:center;font-size:1.3rem;cursor:pointer;border-radius:24px;padding:10px}.MenuContent li:hover{background-color:#eff3f4}.MenuContent li p{margin:0}.profile-img{background-color:#218cff80;border-radius:100%;height:40px;width:40px}p{margin:12px}@media screen and (min-width: 540px) and (max-width: 1199px){.MenuContent p{display:none}.MenuContent ul{display:flex;flex-direction:column;gap:20px;align-items:center}}.SideMenu{display:none}.logo-twitter{color:#218bff;font-size:2rem}@media screen and (min-width: 760px){.SideMenu{position:fixed;left:0;height:100vh;padding:20px;display:flex;flex-direction:column;align-items:flex-start;border-right:.5px solid rgba(201,211,219,.492)}}@media screen and (min-width: 1200px){.SideMenu{padding-left:150px}}.TweetButton button{border-radius:100%;display:flex;align-items:center;justify-content:center;background-color:#218bff;border:none;cursor:pointer;font-weight:700;height:45px}.literal_tweet{display:none}.TweetButton button:hover{background-color:#2774c6}.TweetButton img{height:25px;width:25px}.plus{margin:0}@media screen and (width: 540px){.TweetButton{left:20px;top:60%}}@media screen and (max-width: 760px){.TweetButton{left:20px;top:44%;top:80%}}@media screen and (min-width: 1200px){.TweetButton button{width:210px;border-radius:30px}.tweet_icon,.plus{display:none}.literal_tweet{display:block;color:#fff;font-size:1.1rem}}@media screen and (min-width: 760px){.Content{padding-left:100px;border-right:.5px solid rgba(201,211,219,.492)}}@media screen and (min-width: 1200px){.Content{padding-left:28%}}.Header{position:fixed;top:0;width:100%;background-color:#ffffffd1;backdrop-filter:blur(8px);z-index:2}.Header-up{display:flex;justify-content:space-between;align-items:center}.Home{display:none}.hamburger{cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:20px}.hamburger hr{margin:0;border:1px solid #218bff;background-color:#218bff;width:15px;height:.8px}.logo{height:37px;width:37px;cursor:pointer}.Header-down{border-bottom:.5px solid rgba(201,211,219,.492);display:flex;justify-content:space-around;align-items:center;font-size:1.1rem;cursor:pointer;position:relative}.per-te,.seguiti{display:flex;margin:0;width:50%;height:47px;justify-content:center;align-items:center}.per-te:hover,.seguiti:hover{background-color:#8080806b}.bookMark{position:absolute;width:10%;height:5px;background-color:#218bff;bottom:0px;left:20%}.bookMark.bm{left:70%}@media screen and (min-width: 760px){.hamburger{display:none}.Home{display:flex;font-size:1.5rem;font-weight:700}.logo{display:none}}@media screen and (min-width: 1200px){.Header{width:45%}.Home{font-size:1.2rem}}.HamburgerMenu{position:absolute;top:38px;left:-500px;width:200px;height:90vh;background-color:#fff;transition:all .35s ease;z-index:1;padding-right:20px}.show{left:0px}.MessageList{padding-top:50px;padding-left:10px}.showNtweet{color:#218bff;border-bottom:.5px solid rgba(201,211,219,.492);cursor:pointer;margin:0;padding:15px;text-align:center}.showNtweet:hover{background-color:#eff3f4}@media screen and (min-width: 760px){.MessageList{padding-top:0}}@media screen and (min-width: 1200px){.MessageList{padding-left:20px}}.MessageItem{display:flex;gap:15px;align-items:flex-start;padding:30px 0 10px;border-bottom:1px solid rgba(201,211,219,.492)}.profile-pic{height:50px;border-radius:100%;background-color:#b6e3ff}.userName{font-size:1rem;font-weight:700}.email{font-size:.9rem;color:gray}.tweet{font-size:1.1rem}.reactions{width:80%;display:flex;justify-content:space-between}.comment,.like,.retweet,.upload{cursor:pointer;font-size:1.3rem}.like-fill{fill:#a20f0f;font-size:1.3rem;cursor:pointer}.retweet_overlay{top:0;left:0;position:fixed;height:100vh;width:100vw;cursor:pointer}.RetweetModal{border:.5px solid rgb(239,243,244);position:absolute;left:35%;border-radius:12px;box-shadow:0 0 3px 1.5px #eff3f4;background-color:#fff}.retweet_wrapper{z-index:1000}.line{display:flex;align-items:center;padding:0 10px;cursor:pointer}.line:hover{background-color:#eff3f4}.Post{display:none}@media screen and (min-width: 760px){.Post{padding-top:100px;display:flex;flex-direction:column}.first-row{display:flex;align-items:flex-start;gap:20px;padding:20px 0 0 20px}.first-row input{border:none;font-size:1.1rem;outline:none}.second-row{display:flex;justify-content:space-around;align-items:center;padding:10px 0;border-bottom:.5px solid rgba(201,211,219,.492)}.post-icons{font-size:1.1rem;color:#218bff;display:flex;gap:5px;cursor:pointer}.single_icon{padding:6px;border-radius:100%}.single_icon:hover{background-color:#eff3f4}.header-twit-btn{color:#fff;background-color:#218bff;border:none;cursor:pointer;font-weight:700;width:80px;height:35px;border-radius:24px;text-align:center}.header-twit-btn:hover{background-color:#2774c6;color:#fff}}.Search{position:relative;min-width:90%;border-radius:22px;padding:9px 20px 9px 9px;box-shadow:0 0 2px #eff3f4;background-color:#eff3f4}.Search input{padding-left:30px;width:80%;border:none;background:transparent;outline:none}.search-icon{position:absolute;top:18%;left:4%;font-size:1.5rem}.invia{display:none}.TrendsList{background-color:#eff3f4;min-width:90%;height:fit-content;border-radius:18px}.trends-title{padding-left:20px}.TrendsItem{display:flex;flex-direction:column;gap:3px;cursor:pointer;min-width:90%;padding:20px}.TrendsItem:hover{background:rgba(217,227,235,.465)}.tag,.tweets{margin:0;color:#535353e3}.hash{margin:0;font-weight:700}.SideTrends{display:none}@media screen and (min-width: 1200px){.SideTrends{display:flex;flex-direction:column;height:fit-content;padding:5px 130px 30px 20px;gap:20px;z-index:3}}.Footer{position:fixed;bottom:0;width:100vw;height:60px;background-color:#fff;border-top:1px solid rgba(128,128,128,.548);display:flex;justify-content:space-around;align-items:center}.Footer img{width:22px;height:22px;cursor:pointer}@media screen and (min-width: 540px){.Footer{display:none}}.ModalUpload{position:fixed;right:0;top:20px;width:300px;height:fit-content;background-color:#218bff;padding:10px;border-radius:12px}.formTitle{font-size:1.3rem;font-weight:700}.ModalUpload form{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.ModalUpload input{width:80%;border:none;border-radius:12px;padding:5px;cursor:pointer}.uploadBtn:hover{background-color:#c3e1fcc6}.modalClosure{position:absolute;top:5%;left:91%;cursor:pointer}.CommentModal{position:fixed;top:0;width:100%;height:100%;z-index:10}.overlay{width:100%;height:100%;background-color:#94959589;cursor:pointer}.comment_wrapper{position:absolute;width:200px;top:180px;left:calc(50% - 100px);background-color:#fff;display:flex;gap:70px;flex-direction:column;justify-content:space-between;border-radius:20px}.comment_closure{position:absolute;left:10px;top:10px;padding:10px;cursor:pointer}.comment_closure:hover{background-color:#c8c8c889;border-radius:100%}.profile{padding:50px 30px 0;display:flex;align-items:center;gap:10px}textarea{padding-top:10px;border:none;outline:none;font-family:inherit;overflow:auto;resize:none}.post-section{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:20px;padding:10px 20px}.post-section button{color:#fff;background-color:#218bff;border:none;cursor:pointer;font-weight:700;width:80px;height:35px;border-radius:24px;text-align:center}.post-section button:hover{background-color:#2774c6;color:#fff}.post-icons{color:#218bff}.single_icon{padding:5px;cursor:pointer}.single_icon:hover{background-color:#94959589;border-radius:100%}@media screen and (min-width: 760px){.comment_wrapper{position:absolute;width:600px;left:calc(50% - 300px);top:40px}.comment_closure{font-size:1.2rem}textarea{padding-top:40px;font-size:1.4rem}.post-section{flex-direction:row}}body{margin:0}