*{margin:0;padding:0}body{color:#fff;background:#000;font-family:Segoe UI,Roboto Light,Helvetica Neue,Helvetica,Arial,sans-serif;overflow-x:hidden}.text-blue{color:#08a1f5}.spinner-container{justify-content:center;align-items:center;height:100vh;padding:20px;display:flex}a{color:inherit;cursor:pointer;text-decoration:none}a,a:visited,a:hover,a:active{color:inherit;text-decoration:none}.logo-nav{width:100%;margin-bottom:1rem}nav{border-right:2px solid gray;width:250px;height:100vh;padding-left:2rem;position:fixed}.x-navigation-logo{width:10%;height:7%}nav ul{height:100%;padding-top:2rem;list-style-type:none}nav ul button{margin-bottom:2rem}nav ul li{cursor:pointer;border-radius:30px;padding-top:1rem;padding-bottom:1rem;padding-left:2%;transition:background-color .2s}nav ul li:hover{background:#181818}main{grid-template-columns:284px 2fr 1fr;display:grid}.cursor-default{cursor:default}.p-1{padding:1rem}.flex{display:flex}.button-disabled{opacity:.5;cursor:default!important}.flex-wrap{flex-wrap:wrap}.spinner-svg{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.fw-bold{font-weight:700}.button-rounded{color:#000;cursor:pointer;border:none;border-radius:30px;width:200px;padding:12px}.modal-overlay{z-index:1000;background:#c2dcff80;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.disabled{display:none}.form-generic-container{background:#000;border-radius:20px;justify-content:center;width:45vw;height:87vh;padding:2%;display:flex}.form{flex-wrap:wrap;justify-content:center;width:100%;padding:5%;display:flex}.input-group{width:100%;position:relative}.input-group input{color:#fff;background:0 0;border:1px solid gray;border-radius:5px;width:100%;height:3rem;margin-top:2rem;padding:0 10px}.input-group label{color:gray;pointer-events:none;background:0 0;padding:0 5px;transition:all .2s;position:absolute;top:2.9rem;left:10px;transform:translateY(-50%)}.input-group input:focus+label,.input-group input:not(:placeholder-shown)+label{color:#08a1f5;font-size:14px;top:1rem}.form input:focus{outline:1px solid #08a1f5}.form input:focus::placeholder{color:#08a1f5;margin-bottom:20px;font-size:10px}.form input::placeholder{padding:1%}.form h2{width:100%}.title-form{text-align:right;width:55%}.form-logo{width:2rem;height:100%}.date-picker{width:100%;margin-top:1rem;margin-bottom:2rem}.date-picker select{color:silver;background:#000;border-radius:7px;width:20%;margin-right:2rem;padding:3%}.date-picker select:focus{border-color:#08a1f5}.w-100{width:100%!important}.w-80{width:80%!important}.text-grey{color:gray}.text-red{color:red}.fw-small{font-size:12px}.last-input{margin-bottom:1rem}.close{color:#fff;cursor:pointer;background:0 0;border-radius:30px;margin-left:auto;transition:color .2s;border:none!important;width:30px!important;height:30px!important;padding:0!important}.cursor-pointer{cursor:pointer}.close:hover{background:#181818}.mb-3{margin-bottom:3rem}.button-next-form{opacity:.7;cursor:default;width:60%}.button-next-form-active{opacity:1;cursor:pointer;width:60%}.invalid:focus{outline:1px solid red!important}.form-advise{color:red;font-size:12px}.bg-white{color:#363636!important;background-color:#fff!important}.third{width:280px;height:100vh;padding:1.2%;position:fixed;right:10px}.ml-1{margin-left:1rem}.mb-1{margin-bottom:1rem}.mt-5{margin-top:5rem}.search{color:gray;border:1px solid #fff;border-radius:30px;align-items:center;padding:5px;display:flex}.search input{color:gray;background:0 0;border:none;outline:none}.relevant-people{border:1px solid gray;border-radius:8px;margin-top:2rem;padding:2%;display:grid}.happening{border:1px solid gray;border-radius:8px;margin-top:5rem}.happening p{margin-top:1rem;padding:5%}.happening p:hover{background:#181818}@media (width<=1200px){.modal-compose{width:80%!important}main{grid-template-columns:112px 2fr 1fr}.logo-nav{text-align:center}.x-navigation-logo{width:26%;height:7%}nav ul li{text-align:center;margin-top:2rem}nav ul li span{color:#0000;font-size:0;display:none}.nav-button{width:40px;height:40px}.username-nav{color:#0000;font-size:0}.email-nav{color:#0000!important;font-size:0!important}button span{color:#0000;font-size:0}nav{place-items:end;width:80px;position:fixed}}@media (width<=1070px){.third{display:none}nav{width:120px}main{grid-template-columns:152px 2fr 1fr}}@media (width<=800px){nav{width:40px}main{grid-template-columns:72px 2fr}.feed-post{grid-template-columns:1fr 1fr 1fr 1fr!important}.feed-post button{place-self:center;width:60%}}@media (width<=500px){nav{width:40px}main{grid-template-columns:72px 1fr}.post-container{padding:5%!important}.feed-post button{place-self:start;width:80%}}@media (width<=400px){.post-user{grid-template-columns:1fr 11fr!important}.post-email{color:#0000}.post-username{font-size:12px}.feed-post{grid-template-columns:1fr 1fr 1fr!important}.feed-post button{grid-column:2/3;place-self:center;width:100%}}.home{grid-template-columns:1fr 1fr;width:100vw;display:grid}.home-x-container{justify-content:center;width:42vw;height:96vh;display:flex}.x-home{width:60%;height:60%;margin-top:auto}.form-container{flex-wrap:wrap;width:55vw;padding-left:2rem;display:flex}.form-pre-login{width:100%}.title-home{margin-top:5rem;font-size:4rem;font-weight:900}.text-secondary-home{margin-top:2.5rem;font-size:2rem;font-weight:700}.register-icon{width:1.5rem;height:1.2rem;margin-right:.5rem}.register-button{justify-content:center;align-items:center;width:300px;margin-top:2rem;font-weight:400;display:flex}.apple-button{margin-top:1rem}.button-account{margin-right:15rem;width:300px!important}.button-grok{width:300px!important}.google-button{color:#363636}.separator{width:45%;margin-top:1rem;display:flex}.divider{border-top:1px solid gray;width:40%;height:5px;margin:auto 5px 5px}.create-account-button-form{font-weight:700}.terms-and-conditions{width:40%;font-size:11px}.link-terms{color:#08a1f5}.login-link{margin-top:2rem;margin-left:2rem}.login-container{flex-wrap:wrap;width:100%;padding-left:2rem;display:flex}.login-container button{color:#fff;background:0 0;border:1px solid #b7b7b7;width:97%;margin-top:2rem;padding:10px;font-weight:800;transition:background-color .4s}.login-container button:hover{background-color:#101010}.column-2{text-align:center;color:gray;grid-column:1/-1;margin-top:3rem;padding:2%;font-size:12px}.login-form-x{padding:2%}.login-form-x #email{margin-top:.8rem}.login-form-x button,.change-form{margin-top:1rem}@media (width<=700px){.home{grid-template-columns:1fr}.home-x-container{width:100%;height:40vh;margin:auto}.home-x-container svg{width:100%}.title-home{text-align:center;width:100vw;font-size:2rem}.text-secondary-home{text-align:center;width:80vw}.form-pre-login{place-items:center;width:100vw;display:grid}.form-container{padding-left:0}.login-container{place-items:center;padding-left:0;display:grid}.button-account{margin-right:0}}@media (width<=500px){.text-secondary-home{font-size:1rem}}.separator-login{text-align:center;width:100%}.separator-login .divider{width:50%}.main-feed{width:100%;min-height:100vh;display:grid}.feed-container{grid-column-start:2}.avatar-icon{background:gray;border-radius:50%;width:40px;height:40px}.feed-post{width:100%}.write-post{color:#fff;resize:none;background:0 0;border:none;width:80%;min-height:7rem;margin-left:1rem;font-family:Segoe UI,Roboto Light,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1rem;overflow:hidden}.write-post:focus{outline:none}.grid-container{border-bottom:1px solid gray;padding:1rem}.row{display:grid}.write-post-row{grid-template-columns:1fr 11fr}.avatar{justify-self:center}.row-separator{border-bottom:1px solid gray;width:100%;margin-top:2rem;margin-bottom:2rem}.feed-post{grid-template-columns:1fr 1fr 1fr 200px;place-items:center}.post-icon{color:#08a1f5;cursor:pointer;border-radius:15px;width:20px;height:20px;transition:box-shadow .2s}.post-icon:hover{box-shadow:0 0 2px 7px #003049}.post-button{place-self:end;width:100%;font-weight:900}.separator-show-post{text-align:center;border-bottom:1px solid gray;width:100%;padding-top:1rem;padding-bottom:1rem;transition:background-color .2s}.separator-show-post:hover{background:#111}.logout{grid-template-columns:1fr 11fr;display:grid}.logout-container{grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:12px;display:grid}.avatar-nav{grid-row:span 2;justify-content:center;align-items:center;display:flex}.avatar-icon{width:40px;height:40px}.logout-container{cursor:pointer;border-radius:30px;padding:2%;transition:background-color .2s}.logout-container:hover{background-color:#232323}.username-nav{grid-column:2;margin:0;font-weight:700}.email-nav{color:gray;grid-column:2;margin:0;font-size:.8rem}.post-container{cursor:pointer;border-bottom:2px solid gray;padding:2%;transition:background-color .2s}.post-container:hover{background-color:#111}.post-user{grid-template-columns:1fr 2fr 1fr 8fr;gap:5px;display:grid}.post-username{justify-self:start}.post-text{grid-template-columns:1fr 11fr;display:grid}.post-buttons{cursor:pointer;grid-template-columns:1fr 2fr 2fr 2fr 1fr 1fr 1fr;margin-top:3%;display:grid}.post-button-icon{transition:box-shadow .2s,background-color .2s,color .2s,border-radius .2s}.post-button-icon:hover{color:#08a1f5;background-color:#003049;border-radius:12px;box-shadow:0 0 2px 7px #003049}.red-effect:hover{color:red;background-color:#3a0019;border-radius:12px;box-shadow:0 0 2px 7px #3a0019}.green-effect:hover{color:#0f3;background-color:#001f00;border-radius:12px;box-shadow:0 0 2px 7px #001f00}.logout-submenu{background:#000;border-radius:5px;grid-template-columns:11fr 1fr;width:70%;padding:2%;display:grid;position:absolute;top:60%;box-shadow:2px 2px 7px #fff}.logout-submenu:hover{background-color:#232323}.session-alert-close:hover{color:#f30000;cursor:pointer}.submenu-disabled{display:none}.feed-container{border-right:1px solid gray}.main-post-page .post-container{cursor:default}.main-post-page .post-container:hover{background:#000}.go-back{cursor:pointer;grid-template-columns:1fr 11fr;align-items:center;padding:2%;display:grid}.arrow-icon{border-radius:15px;transition:background-color .2s,box-shadow .2s}.arrow-icon:hover{background:#333;box-shadow:0 0 2px 7px #333}.write-reply-row{border-bottom:1px solid gray;grid-template-columns:40px 11fr;min-height:100px;padding:2%;display:grid}.write-reply-row textarea{min-height:3rem}.buttons-row{grid-template-columns:1fr 1fr 1fr 8fr;place-items:center;display:grid}.button-reply{place-self:end;width:30%}.banner{background:#2a2a2a;min-height:220px}.row-profile-1{grid-template-columns:1fr 1fr 1fr;padding:2%;display:grid}.row-icons{grid-template-columns:1fr 1fr 2fr;display:grid}.edit-profile{color:#fff;background:0 0;border:1px solid #fff;grid-column-start:3;place-self:end;width:70%;font-weight:700;transition:background-color .3s}.follow-profile{border:1px solid #fff;grid-column-start:3;place-self:end;width:70%;font-weight:700;transition:opacity .3s}.follow-profile:hover{opacity:.8}.edit-profile:hover{background:#0c0c0c}.avatar-profile{width:100px;position:absolute;top:250px;left:320px}.avatar-profile svg{width:100%;height:100%}.info-container{padding:2%}.info-container h4{margin-top:1rem}.info-container p{margin-bottom:.8rem}.row-follows{grid-template-columns:1fr 1fr 4fr;display:grid}.tab{border-bottom:1px solid gray;grid-template-columns:1fr 1fr;place-items:center;font-weight:bolder;display:grid}.tab-post{text-align:center;width:100%;height:100%}.tab-away{grid-template-columns:1fr;display:grid}.tab-likes{text-align:center;width:100%;height:100%}.tab-post:hover,.tab-likes:hover{background:#0c0c0c}.tab-active{border-bottom:3px solid #08a1f5}.following{color:#fff;background:0 0}.unfollow-button{width:100%;transition:background-color .3s,color .3s,border .3s}.unfollow-button:hover{color:red;background:#1f0000;border:1px solid red}.link-follow:hover{text-decoration:underline}.following-header{flex-direction:column;margin-bottom:2rem;display:flex}.following-list{padding:2%}.following-header-list{grid-template-rows:auto auto;grid-template-columns:auto 1fr 1fr;display:grid}.following-header-list p{align-self:end}.following-header-list button{align-self:end;width:90px;height:30px;margin-left:auto;padding:4px;font-weight:700}.avatar-list{grid-row:span 2;align-self:end;margin-right:10px}.email-following{align-self:start}.following-list{transition:background .3s}.following-list:hover{background:#131313}.follow-header{border-bottom:1px solid gray;justify-content:center;font-weight:700;display:flex}.follow-header-text{text-align:center;border-bottom:2px solid #08a1f5;width:40%;padding:1%;transition:background-color .2s}.follow-header-text:hover{background:#0c0c0c}.modal-compose-background{background:#c2dcff80;justify-content:center;align-items:start;width:100vw;height:100vh;display:flex;position:fixed;top:0}.modal-compose{background:#000;border-radius:8px;width:50%;margin-top:4rem;padding:2%}.modal-compose .write-post{min-height:10rem;padding:2%}.modal-compose-close{padding:2%}.modal-compose-footer{grid-template-columns:1fr 1fr 1fr 1fr;place-items:center;padding:2%;display:grid}.explore-feed{grid-template-columns:1fr;justify-content:center;place-items:center;width:100%;height:100vh;display:grid}.explore-header{width:70%;position:relative}.search-explore{width:100%;margin-top:5px}.search-explore input{color:#fff;width:100%}.search-explore:focus-within{border-color:#08a1f5;outline:none}.explore-container{z-index:100;background-color:#000;border:1px solid gray;border-radius:8px;width:100%;padding:2%;position:absolute;top:60px;left:0;box-shadow:0 0 3px #fff}.users-explore{width:100%}.edit-modal form input{width:80%}.edit-modal form .input-group{justify-content:center;width:100%;display:flex}.edit-header{grid-template-columns:1fr 10fr 1fr;display:grid}dit-button{height:30px;padding:5px;font-weight:700;transition:opacity .2s}.edit-button:hover{opacity:.8}.bio-edit{resize:none;color:#fff;background:0 0;width:83%;min-height:5rem;margin-top:2rem}