body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--main-color:#e55;--button-hover-color:#ee555547;--accent:#c3c2c2}.app{display:flex;height:100vh;margin-left:auto;margin-right:auto;max-width:1300px;padding:0 10px}.container{background-color:#fff;margin:5em auto;width:50vw}.loginLogo{height:50px;margin-bottom:10px;margin-left:10px;width:50px}form{display:grid;grid-template-columns:1fr}input{border:none;border:2px solid rgba(0,0,0,.2);border-radius:20px;box-sizing:border-box;color:#263238;font-size:16px;font-weight:600;letter-spacing:1px;margin-bottom:27px;outline:none;padding:10px 20px}h3,input{text-align:center}h3{font-size:23px}.login-button{background-color:var(--main-color);cursor:pointer;outline:none;padding-bottom:10px;padding-top:10px;width:100%}button,button span{border-radius:25px}button{background-color:var(--main-color);border:0;color:#fff;font-weight:700}button span{display:block;font-size:15px;padding:.4em .2em;transition:all .1s linear}button:hover{background:var(--button-hover-color)}button:active span{background-color:rgba(0,0,0,.2)}button span:focus{outline:0}button:disabled{opacity:.5}.login,.register{text-align:center}.register{margin-top:10px}.instructions{background:#f7f6f6;border-radius:.5rem;bottom:-10px;color:red;font-size:.75rem;padding:.25rem;position:relative}.instructions>svg{margin-right:.25rem}.offscreen{left:-9999px;position:absolute}.valid{color:#32cd32}.invalid,.valid{margin-left:.25rem}.invalid{color:red}.hide{display:none}.line{display:inline-block}.errmsg{background-color:#ffb6c1;color:#b22222;font-weight:700;margin-bottom:.5rem;padding:.5rem}.persistCheck{align-items:flex-end;display:flex;font-size:.75rem;justify-content:flex-start;margin-top:10px}.persistCheck label{margin:0}[type=checkbox]{height:20px;margin:0 5px 2px 2px;width:20px}.registerLogo{align-items:center}.left-nav{display:flex;flex-direction:column;flex-wrap:wrap;position:-webkit-sticky;position:sticky;top:20px}.left-nav,.left-nav-box{max-width:250px;width:auto}.left-nav-box{margin-right:25px;max-height:50px;padding-right:0;padding-top:0;@media (max-width:1200px){margin-bottom:0;margin-left:0;margin-right:0;margin-top:0}}.logo{height:25px;margin-bottom:5px;margin-left:0;width:25px}.title{margin-left:15px;@media (max-width:1200px){display:none}}a{color:inherit}.icon-links{display:grid;@media only screen and (max-width:1200px){display:none;grid-template-columns:.5fr}}h2{font-size:22px;@media (max-width:1200px){padding-left:0;padding-right:0}border-radius:25px;font-size:16px;margin-bottom:10px;padding:10px}h2:hover{background:var(--button-hover-color);@media (max-width:1200px){background:transparent}}.reply-container{margin-top:10px}.reply-header{display:grid;grid-template-columns:.1fr .1fr 1.75fr;margin-bottom:0;margin-left:20px;position:relative}.tweetModal{border-bottom:2px solid var(--accent);padding-bottom:10px;padding-right:10px}.tweetModal>form{display:flex;flex-direction:column}.tweetModal__input{display:flex;padding:20px}.tweetModal__input>input{border:none;flex:1 1;font-size:20px;margin-left:0;overflow-y:auto;text-align:left}.tweetModal__charCount{border-right:2px solid var(--accent);margin-right:10px;margin-top:17.5px;padding-right:10px;text-align:right}.tweetModal__charCountError{color:red;font-weight:700;margin-right:10px;text-align:right}.tweetModal__avatar{border-radius:50%;height:40px;width:40px}.tweetModal__imageInput{border:none;padding:10px}.tweetModal__tweetButton{background-color:var(--main-color)!important;border:none!important;border-radius:30px!important;color:#fff!important;font-weight:500!important;height:40px!important;margin-top:10px!important;text-transform:inherit!important;width:80px!important}.tweetModal__footer{display:grid;grid-template-columns:1fr auto}.name{margin-top:0}.date-time{margin-top:7px}.text__reply{margin-left:80px;margin-top:0}.replyModal__avatar{border-radius:50%;height:40px;width:40px}.tweet-button{background-color:#e55;margin-right:25px;margin-top:30px;max-width:200px;width:auto;@media (max-width:1200px){border-radius:50%}}.tweet-text{display:inline-block;padding:15px 10%;@media (max-width:1200px){display:none}}.tweet-icon{@media (min-width:1200px){display:none}}.logout{bottom:0;height:40px;margin-bottom:10px;padding-left:0;padding-right:0;position:fixed;width:15vw}.logout:hover{background:var(--button-hover-color)}.logout:hover,h4{border-radius:25px}h4,h4:hover{padding:0}h4:hover{cursor:pointer}h5{border-radius:0;padding:0}h5:hover{background:var(--button-hover-color);cursor:pointer;padding:5px}.tweetBox{border-bottom:8px solid var(--accent);padding-bottom:10px;padding-right:10px}.tweetBox>form{display:flex;flex-direction:column}.tweetBox__input{display:flex;padding:20px}.tweetBox__input>input{border:none;flex:1 1;font-size:20px;margin-left:0;overflow-y:auto;text-align:left}textarea{border:none;font-size:18px;height:auto;margin-left:15px;overflow:hidden;resize:none;width:600px}textarea:focus{border:none;box-shadow:none;outline:none}.charCount,.charCount__error{margin-right:20px;text-align:right}.charCount__error{color:red;font-weight:700}.tweetBox__avatar{border-radius:50%;height:40px;width:40px}.tweetBox__imageInput{border:none;padding:10px}.tweetBox__tweetButton{background-color:var(--main-color)!important;border:none!important;border-radius:30px!important;color:#fff!important;font-weight:500!important;height:40px!important;margin-left:auto!important;margin-top:20px!important;text-transform:inherit!important;width:80px!important}.tweet-header{display:flex;margin-bottom:0;margin-left:10px;margin-right:10px}.tweet-container{border-bottom:1px solid var(--accent);padding-top:10px}.tweet-container:hover{background-color:hsla(0,1%,51%,.206);transition:.25s}.date-time{font-size:12px;margin-left:10px;margin-top:8px}.name{font-size:17px;font-weight:600;margin-bottom:0;margin-left:20px;margin-top:5px}.text{margin-left:70px;margin-top:0}.name:hover{text-decoration:underline}.interactions{display:grid;grid-template-columns:3fr 3fr 3fr 10fr;margin-bottom:10px;margin-left:70px}.retweet{color:#514c4c;font-size:13px;margin-bottom:0;margin-left:50px;padding-bottom:3px}.retweet-name:hover{cursor:pointer;text-decoration:underline}.button-more{background-color:hsla(0,0%,100%,0);color:#000}.container-more{display:flex;flex-direction:column;justify-content:space-between}.container-more i{margin-top:3.5px}.container-more span{font-weight:600;margin-left:10px;padding:5px}.container-row-more{padding:5px}.container-row-more:hover{background-color:hsla(0,1%,51%,.206);cursor:pointer;transition:.25s}.home{background:#fff;border:1px solid var(--accent);border-radius:5px;height:100%;position:relative;width:700px;@media (max-width:1200px){min-width:500px;width:58.33333%}}.home-header{border-bottom:1px solid var(--accent);display:grid}.home-title{margin-bottom:10px;margin-left:10px;margin-top:5px;padding:10px;text-align:left;width:90%}h3{font-size:20px;font-weight:700;margin-top:0}.home-tweet-button{background-color:var(--main-color);border-color:var(--main-color);border:1px solid var(--main-color);color:#fff;font-size:15px;justify-self:end;margin-right:10px;padding:5px 20px}.home-tweet-button:hover{background-color:#fff;border:1px solid var(--main-color);color:var(--main-color)}.home-tweet-button:focus{outline:none}.more-modal,.primary{margin-left:auto}.primary{display:flex;justify-content:center;margin-bottom:0;margin-right:auto;max-width:1200px;@media (max-width:1200px){margin-bottom:50px;margin-left:30px;margin-right:30px;transition:margin-right .01s ease}@media (max-width:670px){margin-right:0}}.left{margin-left:auto;max-width:250px;padding-right:20px}.left,.right{margin-top:20px}.right{margin-right:auto;padding-left:20px;padding-right:0;@media (max-width:670px){display:none}}.drop-down{position:relative}.search-bar-container{background-color:#d7d5d5;border-radius:30px;display:flex;padding:10px;position:-webkit-sticky;position:sticky;top:20px}.search-bar-input{background-color:#d7d5d5;border:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important;font-size:15px;font-weight:400;margin:0 0 0 15px;padding:0;text-align:left}.search-results{background-color:#fff;border-radius:5px;box-shadow:0 0 5px rgba(0,0,0,.35);height:200px;margin-top:5px;overflow:hidden;overflow-y:auto;width:300px}.search-item{align-items:left;color:#000;display:flex;flex-direction:column;padding:10px;width:100%}.search-item:hover{background-color:#d7d5d5;cursor:pointer}.search-item p{margin:0 0 0 5px}.main{display:flex;flex-direction:column;height:100vh;width:100%}.main .wrapper{display:flex;flex-direction:row;height:100%}.main .left,.main .right{width:50%}.main .left{background:var(--main-color);background-size:cover;display:flex;margin-left:0;margin-top:0;max-width:none;padding-right:0}.main .left .items-wrapper{color:#fff;display:flex;flex-direction:column;justify-content:center;width:100%}.main .left .items-wrapper .item{align-items:center;display:flex;flex-direction:row;margin-bottom:50px;margin-left:auto;margin-right:auto;max-width:400px;width:400px}.main .left .items-wrapper .item .label{font-size:20px;font-weight:700}.main .center{margin:230px auto auto}.main .center .btn-sign-up{background-color:var(--main-color);border:1px solid var(--main-color);border-radius:100px;color:#fff;display:block;margin-bottom:15px;margin-top:15px;padding:6px 16px;text-align:center}.main .center .btn-login{display:block;text-align:center;width:auto}.main .left .items-wrapper .icon{font-size:25px;margin-right:15px}.btn-login{background-color:#fff;border:1px solid var(--main-color);border-radius:100px;color:#e55;font-size:14px;font-weight:700;padding:12px;width:auto}.btn-login:hover{background-color:#eaf5fd;color:#1da1f2}.avatar-upload-container{align-items:center;border-radius:50%;color:transparent;display:flex;height:90px;justify-content:center;margin-bottom:20px;position:relative;transition:all .3s ease;width:90px}.avatar-upload-container input{display:none}.avatar-upload-container img{border-radius:50%;height:90px;object-fit:cover;position:absolute;width:90px;z-index:0}.avatar-label{background:transparent;border-radius:50%;cursor:pointer;height:90px;width:90px;z-index:1}.avatar-label:hover{align-items:center;background-color:rgba(0,0,0,.5);border-radius:50%;color:#fff;display:flex;justify-content:center;margin-bottom:0;transition:background-color .2s ease-in-out;z-index:10000}.avatar-label span{display:inline-flex;font-size:10px;font-weight:600}.avatar-upload{border-radius:50%;cursor:pointer;height:90px;width:90px}.profile{border:1px solid var(--accent);height:100%;position:relative;width:700px;@media (max-width:1200px){min-width:500px;width:58.33333%}}.nickname{margin-bottom:30px;margin-top:5px}a{color:#000;text-decoration:none}.profile-info{border-bottom:10px solid var(--accent);padding-left:20px}.name-title{font-size:20px;font-weight:700;left:50%;position:absolute;top:10px}.profile-name{text-align:left}.make-profile{display:grid;justify-items:end;margin-bottom:20px;margin-right:20px}.description{grid-column:1/3}.likes{grid-column:1}.date{color:var(--accent);font-size:14px;position:absolute;right:10px;top:10px}.network-stats{cursor:pointer;display:grid;font-size:18px;grid-template-columns:1fr 1fr 1fr 1fr}.profile-head{border-bottom:1px var(--accent);display:flex;margin-left:0}.edit-button{background-color:#fff;border-color:var(--main-color);color:var(--main-color);font-size:15px;padding:10px 20px}.edit-button,.edit-button:hover{border:1px solid var(--main-color)}.edit-button:hover{background-color:var(--button-hover-color)}.edit-button:focus{outline:none}.followers{display:grid;grid-template-columns:3fr 3fr 6fr}.single-tweet{border:1px solid var(--accent);height:100vh;max-width:700px;position:relative;@media (max-width:1200px){min-width:500px;width:58.33333%}}.single-tweet-header{border-bottom:1px var(--accent);display:grid;grid-template-columns:.5fr 1fr 9fr}.single-tweet-title{margin-bottom:0;margin-top:5px}.back-arrow{color:var(--main-color);margin:10 10px 10px}.back-arrow:hover{cursor:pointer}.single-tweet-container{border-bottom:1px solid var(--accent);margin-left:15px;margin-right:15px;padding-bottom:10px;padding-top:10px}.single-tweet-nameplate{display:flex;margin-bottom:0;margin-left:0}.single-name{font-size:17px;font-weight:600;margin-bottom:0;margin-left:15px;margin-top:6px}.single-tweet-text{margin-top:15px}.single-tweet-date{color:rgba(61,58,58,.681);font-size:13px}.single-retweet{color:#514c4c;font-size:13px;margin-bottom:0;margin-left:35px;padding-bottom:3px}.single-retweet-name:hover{cursor:pointer;text-decoration:underline}.interaction-counter{display:grid;grid-template-columns:1.5fr 1.5fr 1.5fr 5fr}.interaction-counter-count{color:#000!important;font-weight:600}.interaction-counter span{color:rgba(61,58,58,.681);font-size:13px}.single-tweet-interaction{display:grid;grid-template-columns:3fr 3fr 3fr;margin-left:10px;margin-right:10px;place-items:center}.single-tweet-interaction span:hover{cursor:pointer}.single-tweet-reply-container{display:flex;margin-left:15px;margin-right:15px}.single-tweet-reply-textarea{font-size:15px;margin-left:15px;max-width:500px;min-height:60px;resize:none}.single-tweet-reply-button{align-self:center;font-size:13px;margin-left:auto;padding:10px 15px}h3{padding-top:4px}
/*# sourceMappingURL=main.883db661.css.map*/