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}*{box-sizing:border-box;font-family:var(--main-font);margin:0;padding:0}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}body{font-family:Libre Franklin,sans-serif}:root{--black:#202124;--gray:#555;--gray-medium:#5555550d;--gray-light:#c6c3c313;--blue-dark:#06222f;--blue-medium:#02537a;--blue-light:#8cd3f6;--blue-ultra-light:#e3f6ff}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}body{overflow-x:hidden;overflow:overlay;width:100vw}a,button,input,label,select,textarea{-webkit-tap-highlight-color:transparent;font-size:100%}fieldset{display:flex;flex-direction:column;gap:15px;padding:0 30%}fieldset input,select{border-color:#e0e0e0;height:30px}.former{display:flex;flex-direction:column}.FieldError{color:red}.noError{color:green}.Field{display:flex;flex-direction:column}.Field label{text-align:left}.main-div-changer{background-color:#e6bca7;height:100vh}.hello-area{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.hello-area .hello-text{font-size:7em;font-weight:600;transition:.5s}.hello-area .hello-box{bottom:10%;display:flex;flex-direction:column;position:absolute}.hello-area .hello-box button{background-color:initial;border:initial;color:#555;color:var(--gray);cursor:pointer;font-size:30px}.own-form input,.own-form textarea{border:initial;border-bottom:1px solid #555;border-bottom:1px solid var(--gray);color:#000;font-family:Libre Franklin,sans-serif;font-size:20px;font-weight:500;margin-top:5px;text-align:center}.hello-area .hello-box input:focus-visible{outline:medium none invert;outline:initial}.fronter-main-div{align-items:center;background-color:#faebd7;display:flex;height:250px;justify-content:center;width:300px}.header-component{align-items:center;background-color:#1e1e1e;color:#fff;display:flex;height:5vh;justify-content:space-between}.header-component span{padding:0 25px}.links-components{display:flex;padding:0 25px}.links-components a{color:#fff;padding-left:20px;text-decoration:none}.color-select-area input[type=radio]{height:0;visibility:hidden;width:0}.label-colors{background-color:#61dafb;border:3px solid transparent;border-radius:8px;cursor:pointer;padding:7px 20px;transition:all .3s ease-out,border-color .4s ease-out}.color-select-area input[type=radio]:checked+label{border:3px solid #000;color:#f0f8ff;scale:1.8;transition:all .5s ease,border .4s ease-out}.color-select-area{padding-top:100px}::-webkit-scrollbar{background-color:var(--background-dark);width:7px}::-webkit-scrollbar-track{background-color:initial}::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#2e2e2e;border:2px solid transparent;border-radius:20px}::-webkit-scrollbar-thumb:hover{background-color:#212121}.sign-in-form,.sign-up-form{display:flex;flex-direction:column;gap:20px 0;padding-top:50px}.single-form-element{display:flex;flex-direction:column;width:100%}.select-avatar-area{display:flex;flex-direction:row;gap:15px;justify-content:center;justify-content:space-between;padding:15px 0}.select-avatar-area label{background-color:#555;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;border-radius:50%;cursor:pointer;-webkit-filter:brightness(60%);filter:brightness(60%);padding:20px 30px;transition:all .3s ease-out}.select-avatar-area input[type=radio]:checked+label{background-color:#61dafb;-webkit-filter:brightness(110%);filter:brightness(110%);scale:1.1}.select-avatar-area input[type=radio]{height:0;visibility:hidden;width:0}.profile-picture-user{border-radius:50%;margin-top:-50px;width:100px}.main-login{display:flex;height:95vh}.main-login .left-side{align-items:center;background-image:url(https://images.unsplash.com/photo-1673100131941-227f0fb32d80?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=665&q=80);background-repeat:no-repeat;background-size:cover;border-radius:40px;color:#f0f8ff;display:flex;justify-content:center;margin:35px 15px 35px 35px;width:50%}.main-login .left-side span{font-size:40px;font-weight:700}.main-login .right-side{display:flex;flex-direction:column;justify-content:space-between;padding:80px 10% 150px;width:50%}.main-login .right-side-header{display:flex;flex-direction:column;gap:30px}.own-form input,.own-form textarea{background-color:initial;border:.7px solid #dddfe2;border-radius:6px;font-size:13px;height:40px;padding:0 5%;text-align:left}.own-form input:focus-visible,.own-form textarea:focus-visible{outline:.8px auto #cfcfcfcf}.own-form input::-webkit-input-placeholder,.own-form textarea::-webkit-input-placeholder{color:#dddfe2;font-size:12px;text-align:left}.own-form input::placeholder,.own-form textarea::placeholder{color:#dddfe2;font-size:12px;text-align:left}@media (max-height:800px){.main-login .right-side{display:flex;flex-direction:column;justify-content:space-between;padding:35px 10%;width:50%}.main-login .right-side-header{padding-top:2em}.own-form input,.own-form textarea{height:30px}.sign-in-form,.sign-up-form{flex-direction:row;flex-wrap:wrap}.single-form-element{font-size:.8em}.single-form-element-special{width:50%}.single-form-element-special:nth-child(3){padding-right:10px}.single-form-element-special:nth-child(4){padding-left:10px}}@media (max-width:1000px){.main-login{flex-direction:column;height:auto}.main-login .left-side,.main-login .right-side{width:100%}.main-login .left-side{background-position:50%;border-radius:0;border-radius:initial;height:30vh;margin:initial;padding:10px}}@media (max-width:400px){.main-login .right-side input{height:40px}}.button-app{border:none;border-radius:6px;cursor:pointer;height:40px;padding:0 7px;transition:all .2s ease}.button-app:hover{opacity:.9}.button-app:disabled{cursor:not-allowed;opacity:.6}.button-style-1{background-color:#06222f;background-color:var(--blue-dark);color:#fff;font-weight:700}.button-style-2{background-color:#e3f6ff;background-color:var(--blue-ultra-light);color:#06222f;color:var(--blue-dark)}.button-like{background-color:initial;opacity:.1}.button-width-25{width:25%}.button-width-50{width:50%}.button-width-100{width:100%}.button-likes-area{align-items:center;display:flex;flex-direction:row;font-size:12px}.button-likes-area .user-liked{color:#dd2c00}.button-likes-area .user-no-liked{color:#000}.edit-button-style{background-color:initial}.element-width-50{width:50%}.main-profile-page{display:flex;min-height:95vh}.main-profile-box-left{align-items:center;background-color:#c6c3c313;background-color:var(--gray-light);display:flex;flex-direction:column;height:100vh;justify-content:space-between;padding:0 0 50px;position:-webkit-sticky;position:sticky;top:0;width:25%}.main-profile-box-left-single-flex{align-items:center;display:flex;flex-direction:column;width:100%}.main-profile-box-left-edit-info{align-items:flex-start;gap:15px}.main-profile-box-left-single-flex:not(:first-child){padding:10px 10% 0}.large-photo-profile{height:15vh;overflow:hidden;width:100%}.large-photo-profile img{object-fit:cover;object-position:center center;width:100%}.profile-box-left-name-user{color:#202124;color:var(--black);font-size:1.3em;font-weight:700;padding-top:15px}.profile-box-left-username{color:#555;color:var(--gray);font-size:.9em;opacity:.6}.profile-box-left-quote{color:#202124;color:var(--black);font-size:.9em;padding-top:20px}.editable-element{align-items:center;display:flex}.editable-element img{opacity:.5;padding-right:35px}.editable-element:hover .edit-button-to-hide{opacity:.5}.edit-button-to-hide{opacity:0}.main-profile-box-middle{padding:50px 4%;width:55%}.main-profile-box-right{background-color:#555;background-color:var(--gray);height:100vh;padding:50px 4%;position:-webkit-sticky;position:sticky;top:0;width:20%}.tweets-area{display:flex;flex-direction:column;gap:40px}.tweets-area-logo-area{padding:25px 5%}.tweets-area-logo-area img{width:130px}.single-card-tweet{background-color:#c6c3c313;background-color:var(--gray-light);border-radius:6px;display:flex;flex-direction:column;padding:25px 5%}.single-card-tweet-title{color:#202124;color:var(--black);font-size:15px;font-weight:600;padding-bottom:15px}.single-card-tweet-content{color:#555;color:var(--gray);font-size:15px;font-weight:400;line-height:22px}.single-card-tweet-buttons-area{align-items:center;display:flex;flex-wrap:nowrap;font-size:12px;gap:10px;padding-top:30px}.no-opacity{opacity:1}.post-tweet-element{background-color:#c6c3c313;background-color:var(--gray-light);border-radius:6px;padding:25px 5%}.post-tweet-textarea{font-size:1.1em!important;height:80px!important;padding:15px 5%!important;resize:none}.post-tweet-element-title{font-size:1.2em;font-weight:700}.post-tweet-message-characters{color:#202124;color:var(--black);font-size:.9em;opacity:.4}@media (max-width:1000px){.main-profile-page{flex-wrap:wrap}.main-profile-box-left{height:auto;position:static;width:100%}.main-profile-box-middle{width:70%}.main-profile-box-right{width:30%}}@media (max-width:750px){.main-profile-page{flex-direction:column}.main-profile-box-left{height:auto;position:static;width:100%}.main-profile-box-middle{width:100%}.main-profile-box-right{height:auto;width:100%}}.tweets-area-loader-area{align-items:center;display:flex;justify-content:center;padding-top:15vh;width:100%}.loader{-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite;background:linear-gradient(0deg,#dc8bdc 33%,#f3b9a3);display:inline-block;height:48px;position:relative;width:48px}.loader,.loader:after{border-radius:50%;box-sizing:border-box}.loader:after{background:#fff;content:"";height:44px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:44px}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.ec79d513.css.map*/