.App,.app{background:linear-gradient(45deg,#8e44ad,#3498db);font-family:Helvetica Neue,sans-serif;color:#fff;height:100vh;z-index:0;width:100%}header{font-size:24px;color:#333}.App-logo{height:40vmin;pointer-events:none}*{white-space:pre-wrap}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.spinner{width:40px;height:40px;border-radius:50%;border:4px solid rgba(0,0,0,.1);border-left-color:#09f;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.background{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.5);box-shadow:0 4px 20px rgba(0,0,0,.1)}.loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:hsla(0,0%,100%,.8);z-index:1000}.App-header,.loading-overlay{display:flex;align-items:center;justify-content:center}.App-header{min-height:100vh;flex-direction:column;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.title{background-color:#282c34;display:flex;justify-content:center;align-items:center;margin:0;padding-bottom:30px}.wrap{background-color:#fff;display:flex;flex-flow:column}form{max-width:1000px;margin:0 auto 50px}label{display:inline-block;width:150px}.login_title{font-size:24px;margin-bottom:20px;color:#333}.login,.login_option{display:flex;flex-direction:column}.login_option{gap:10px;margin-top:10px}.register{flex-direction:column;justify-content:center}.form_block,.register{display:flex;align-items:center}.form_block{margin-bottom:10px}.form_block label{margin-right:100px;display:inline;white-space:nowrap}.submit-button,button{width:100%;padding:10px;background:#27ae60;color:#fff;border:none;border-radius:5px;cursor:pointer;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:background .3s}.submit-button:hover{background:linear-gradient(45deg,#7a3e9d,#2980b9)}.customLink{color:inherit;text-decoration:none}.tweet{display:flex;flex-direction:row;border:2px solid #b0c4de;width:90%;margin-top:10px;margin-bottom:10px}.tweet_all{margin-left:10px;width:100%}.tweet_user{margin-right:30px;margin-bottom:10px;margin-top:10px;display:flex}.twitter_profile{color:inherit;text-decoration:none}.user div{padding-left:0;padding-right:0}.user div,.user_fig{margin-left:0;margin-right:0}.user_prof{display:flex;flex-direction:row}.retweet_state{margin-left:10px}.tweetdate{margin:auto}.user_container{position:absolute;left:30%;top:10%;height:100vh;width:50%;overflow:auto}.user_container_pro{overflow:auto}.tweetcontent{width:90%;height:auto;border:2px solid #b0c4de;display:flex}.tweet_favorite,.tweet_like{margin:0,0;line-height:1;font-size:16px;height:50px;border:none;color:inherit;background-color:transparent;display:flex;align-items:center;justify-content:center;flex-direction:column}.icon{cursor:pointer;font-size:20px;transition:color .3s ease,transform .2s ease;color:#fff}.icon.favorited,.icon.liked{color:gold;transform:scale(1.2);text-shadow:0 0 10px rgba(255,215,0,.8)}.like_icon{margin-top:9px}.like_number{margin-top:3px}.tweetoption{display:flex;flex-direction:row;justify-content:center;margin-right:auto}.tweetoption div{display:flex;margin-right:20px}.tweetreply{margin-top:10px}.code{display:flex;flex-direction:column;justify-content:center;align-items:center}.code div{margin-bottom:5px}.tweetretweet{margin-top:10px}.retweet{background-color:hsla(0,0%,100%,.7);border:1px solid hsla(0,0%,100%,.5);box-shadow:0 4px 20px rgba(0,0,0,.1);padding:16px;border-radius:8px;margin:20px 0;width:70%;display:flex;flex-direction:row}.black,.retweet{color:#333}.tweetsubmit{border-color:#000}.user_profile{position:fixed;left:5%;top:10%;display:flex;flex-flow:column;align-items:center;justify-content:center}.user_profile div{margin-right:5px}.link{color:inherit;text-decoration:none}.app-name{top:0}.app-name,.view_page{color:inherit;text-decoration:none;position:fixed;left:5%;display:flex;flex-direction:column}.view_page{top:30%}.post_page{top:40%;display:flex;flex-direction:column}.post_page,.search_page{color:inherit;text-decoration:none;position:fixed;left:5%}.search_page{top:50%}.profile_page{color:inherit;text-decoration:none;position:fixed;left:5%;top:60%}.register_page,.view_page_log{color:inherit;text-decoration:none;padding:5px;border:2px solid #fff;width:100%}.favorite_page{top:70%}.favorite_page,.login_page{color:inherit;text-decoration:none;position:fixed;left:5%}.login_page{top:80%}.logout{color:inherit;text-decoration:none;position:fixed;left:5%;top:80%}.site{position:absolute;left:20%;top:10%;height:100vh;width:80%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:visible}.origin{position:sticky}.rep{display:flex;flex-direction:row;margin-left:10px;margin-right:10px}.user_container_ori{width:90%;margin-bottom:20px}.user_container_rep{width:90%;height:100vh;overflow:auto}.profile{position:absolute;left:30%;top:10%;height:100vh;width:50%;align-items:center;overflow:visible}.profile,.profileheader{display:flex;flex-direction:column}.profileheader{position:sticky}.profileheader div{margin-bottom:10px}.profilefollow,.profilename{display:flex;flex-direction:row}.profilefollow div{margin-right:5px}.followrequest{display:flex;flex-direction:row;align-items:center}.profilecontent{flex-direction:column;flex:1;flex-grow:1;padding:19px;height:50%}.post,.profilecontent{display:flex;overflow:auto}.post{height:70vh;padding-top:10%}.post,.post_retweet{margin-top:5%;position:absolute;left:20%;flex-direction:column;width:70%;align-items:center;background:hsla(0,0%,100%,.1);border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,.5)}.post_retweet{height:80vh;padding-top:5%;display:flex;overflow:auto}.post_code{display:flex;flex-direction:row}.tweet_title{margin-bottom:50px}.retweet_title,.tweet_title{font-size:24px;color:#333;text-align:center}.retweet_title{margin-bottom:20px}.tweet_post{width:100%;display:flex;flex:1;flex-direction:column}.tweet_submit{display:flex;flex-direction:row}.tweet_post label{margin-right:30px;display:inline;white-space:nowrap}.tweet_post textarea{margin-right:30px}.tweet_post div{padding-bottom:10px}.search_word{margin-top:50px;padding-bottom:30px;width:50%;height:3vh}.icon{transform:scaleX(-1) rotate(90deg)}.button_pass{margin-bottom:30px}@media (max-width:800px){.user_container{left:10%;width:100%}.sidebar{position:fixed;width:100%;height:100%;top:0;left:0;transform:translateY(-100%);transition:transform .3s ease;z-index:1000}.sidebar.show{transform:translateY(0)}}.sidebar_button{background:none;border:none;font-size:1.2rem;line-height:1;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:#3498db;color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:background-color .2s ease,transform .2s ease}.menu-btn:hover{background-color:#2980b9;transform:scale(1.1)}.content{padding:20px;transition:opacity .3s ease}.content.no-click{pointer-events:none;opacity:.5}