:root{--bg-color:#000;--blue-twitter:#1c9cef;--bg-grey:#16181c}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-color)}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}nav{padding:30px}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:#42b983}div[data-v-406ed1d4]{height:100vh;display:flex;flex-direction:column;align-items:center;padding:20px;border-right:1px solid #717171}img[data-v-406ed1d4]{width:50px;padding:10px;filter:invert(1)}img[data-v-406ed1d4]:first-child{margin-bottom:20px}img[data-v-406ed1d4]:last-child{margin-top:30px}.contents{width:100%;padding:20px;color:#fff;justify-content:space-between}.content,.contents{display:flex;align-items:center}.content{flex-grow:1}.content-img img{width:50px;border-radius:50%;background-color:#fff}.content-text{margin-left:10px;display:flex;flex-direction:column;justify-content:space-between}.content-info span{margin-left:10px;font-size:12px;color:#717171}.content-tweet{margin-top:10px;word-break:break-all}.content-info{display:flex;align-items:center;width:100%}.content-more img{filter:invert(1);width:30px}h3{color:#fff;font-weight:700;font-size:16px}.reactions{width:100%;justify-content:space-between;border-bottom:1px solid #717171;padding:0 20px 20px 20px}.reaction,.reactions{display:flex;margin:0 auto;align-items:center}.reaction{width:80%;justify-content:center}.reaction span{margin-left:10px;font-size:12px;color:#717171}.reaction img{width:20px;filter:invert(1)}.tweet-bar[data-v-3a659057]{display:flex;flex-direction:column;border-bottom:1px solid #717171}.tweet-input[data-v-3a659057]{display:flex;align-items:center;padding:20px}.tweet-input img[data-v-3a659057]{width:50px;border-radius:50%}.tweet-input input[data-v-3a659057]{padding:0 20px;background-color:transparent;width:100%;border:none;color:#fff;font-size:20px}.tweet-input input[data-v-3a659057]:focus{outline:none}.tweet-buttons[data-v-3a659057]{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 10px 20px 50px}.tweet-images[data-v-3a659057]{display:flex;align-items:center;gap:10px;margin-left:40px}.tweet-images img[data-v-3a659057]{width:20px;margin-right:10px;filter:invert(1)}.tweet-buttons button[data-v-3a659057]{background-color:#1da1f2;color:#fff;border:none;border-radius:20px;padding:10px 20px;font-weight:700}.container[data-v-59a8595b]{width:50%;border-right:1px solid #717171}h2[data-v-59a8595b]{font-size:20px;font-weight:700;color:#fff}img[data-v-59a8595b]{width:50px;padding:10px;filter:invert(1)}.top-home[data-v-59a8595b]{padding:10px;border-bottom:1px solid #717171}.top-home[data-v-59a8595b],.tt{display:flex;justify-content:space-between;align-items:center;width:100%;margin:0 auto}.tt{padding:20px}.tt span{font-size:12px;color:#717171}.tt h3{color:#fff;font-weight:700}.tt img{filter:invert(1);width:30px}.container[data-v-c0b783b0]{width:30%;margin:0 auto 0 40px}.search-bar[data-v-c0b783b0]{width:100%}.top-tweet[data-v-c0b783b0]{display:flex;flex-direction:column;width:100%;margin:0 auto;border-radius:20px;margin-top:20px;background-color:var(--bg-grey);height:80vh}h2[data-v-c0b783b0]{color:#fff;font-weight:700;padding:20px}h3[data-v-c0b783b0]{padding:0;margin:0}input[data-v-c0b783b0]{width:100%;margin:5px auto;height:40px;border:none;border-radius:20px;padding-left:50px;background-color:var(--bg-grey)}.search-icon[data-v-c0b783b0]{width:30px;position:absolute;margin:10px 0 0 10px;filter:invert(1)}.home{display:flex}.home>div:first-child{width:10%}.home>div:nth-child(2){width:40%}.home>div:last-child{width:30%}@media screen and (max-width:1100px){.home>div:nth-child(2){width:100%}.home>div:last-child{display:none}}@media screen and (max-width:600px){.home>div:first-child{display:none}}