@font-face{font-family:SF Pro;src:url(/static/media/SF-Pro.e67996c36ab8c3173b9c.ttf)}body,html{font-family:SF Pro}.profile-container{border-radius:20px;margin:30px auto 0;max-width:600px;padding:20px}.back-button,.profile-container{background-color:#e0e0e0;box-shadow:7px 7px 15px #bebebe,-7px -7px 15px #fff}.back-button{align-items:center;border:none;border-radius:50%;color:#333;display:flex;font-size:1rem;font-weight:700;height:50px;justify-content:center;left:20px;position:absolute;text-decoration:none;top:30px;transition:background-color .3s ease,box-shadow .3s ease;width:50px;z-index:2}.back-button:hover{background-color:#e0e0e0}.back-button:active{box-shadow:inset 7px 7px 15px #bebebe,inset -7px -7px 15px #fff;transform:scale(.95)}.profile-header{align-items:center;display:flex;margin-bottom:20px}.profile-icon,.profile-picture{align-items:center;background-color:#618eff;border-radius:50%;box-shadow:7px 7px 15px #bebebe,-7px -7px 15px #fff;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:100px;justify-content:center;margin-right:20px;object-fit:cover;width:100px}.profile-info{flex-grow:1}.profile-info h1{color:#333;font-size:1.5rem;margin:0;text-shadow:1px 1px 2px #bebebe,-1px -1px 2px #fff}.edit-profile-button{background-color:#618eff;border:none;border-radius:10px;box-shadow:7px 7px 15px #bebebe,-7px -7px 15px #fff;color:#fff;cursor:pointer;font-size:.875rem;margin-top:10px;padding:5px 10px;transition:background-color .3s ease,box-shadow .3s ease}.edit-profile-button:hover{background-color:#4c70cb}.edit-profile-button:active{box-shadow:inset 7px 7px 15px #bebebe,inset -7px -7px 15px #fff;transform:scale(.95)}.username{color:#888;font-size:1rem;text-shadow:1px 1px 2px #bebebe,-1px -1px 2px #fff}.message-button{background-color:#618eff;border:none;border-radius:5px;box-shadow:7px 7px 15px #bebebe,-7px -7px 15px #fff;color:#fff;cursor:pointer;padding:5px 10px}.message-button:hover{background-color:#4c70cb}.profile-bio{background-color:#e0e0e0;border-radius:20px;box-shadow:7px 7px 15px #bebebe,-7px -7px 15px #fff;margin-top:20px;padding:20px}.profile-bio p{color:#333;font-size:1rem;margin:0}@keyframes messageSent{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.message-container{align-items:center;background-color:#e0e0e0;border-radius:20px;box-shadow:7px 7px 15px #bebebe,-7px -7px 15px #fff;display:flex;flex-direction:column;height:80vh;margin:20px auto auto;max-height:80%;max-width:80%;padding:20px;width:100%}.message-header{box-shadow:7px 7px 15px #bebebe,-7px -7px 15px #fff;color:#333;font-size:1.5rem}.message-header,.messages{background-color:#e0e0e0;border-radius:10px;margin-bottom:20px;padding:10px}.messages{box-shadow:inset 7px 7px 15px #bebebe,inset -7px -7px 15px #fff;height:70vh;overflow-y:auto;width:100%}.message{word-wrap:break-word;animation:messageSent .5s ease-out;border-radius:10px;box-shadow:7px 7px 15px #bebebe,-7px -7px 15px #fff;margin:10px 0;max-width:60%;padding:10px}.sent{align-self:flex-end;background-color:#618eff;color:#fff;margin-left:auto;text-align:right}.received{align-self:flex-start;background-color:#e0e0e0;color:#333;margin-right:auto;text-align:left}.message-input-container{align-items:center;background-color:#e0e0e0;border-radius:10px;box-shadow:7px 7px 15px #bebebe,-7px -7px 15px #fff;display:flex;padding:10px;width:100%}.message-input{background-color:#e0e0e0;box-shadow:inset 7px 7px 15px #bebebe,inset -7px -7px 15px #fff;flex-grow:1;margin-right:10px;padding:10px}.message-input,.send-button{border:none;border-radius:10px}.send-button{background-color:#618eff;box-shadow:7px 7px 15px #bebebe,-7px -7px 15px #fff;color:#fff;cursor:pointer;padding:10px 20px}.send-button:hover{background-color:#4c70cb}.message-log-container{align-items:center;background-color:#e0e0e0;border-radius:20px;box-shadow:7px 7px 15px #bebebe,-7px -7px 15px #fff;display:flex;flex-direction:column;margin:20px auto auto;max-width:600px;padding:20px;width:100%}.message-log-conversations{box-shadow:inset 7px 7px 15px #bebebe,inset -7px -7px 15px #fff;margin-bottom:20px;max-height:400px;overflow-y:auto;width:100%}.message-log-conversation,.message-log-conversations{background-color:#e0e0e0;border-radius:10px;padding:10px}.message-log-conversation{box-shadow:7px 7px 15px #bebebe,-7px -7px 15px #fff;cursor:pointer;margin:10px 0 15px}.message-log-conversation:hover{background-color:#d0d0d0}.message-log-participant{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.message-log-profile-icon{align-items:center;background-color:#618eff;border-radius:50%;box-shadow:7px 7px 15px #bebebe,-7px -7px 15px #fff;color:#fff;display:flex;font-size:1.5em;height:50px;justify-content:center;margin-left:50px;width:50px}.message-log-participant-details{display:flex;flex-direction:column}.message-log-participant strong{display:block;font-size:1.5em}.message-log-participant div{color:#555;font-size:1.1em}body,html{overflow-x:hidden;width:100%}.landing-about-wrapper{background-color:#e0e0e0;box-shadow:0 4px 6px #0000001a;box-shadow:7px 7px 15px #bebebe,-7px -7px 15px #fff;padding:20px}.landing-page{background-color:#e0e0e0!important;border-radius:20px!important;box-shadow:7px 7px 15px #bebebe,-7px -7px 15px #fff!important}.landing-page-heading{margin-top:-130px}.landing-page h1,.landing-page p{text-shadow:1px 1px 2px #bebebe,-1px -1px 2px #fff}.landing-page p{margin-top:5px}.cta-button{background-color:#e0e0e0;border:none;border-radius:10px;box-shadow:7px 7px 15px #bebebe,-7px -7px 15px #fff;color:#333;display:inline-block;font-size:1.2rem;font-weight:700;margin-top:40px;overflow:hidden;padding:13px 23px;position:relative;text-decoration:none;transition:background-color .3s ease,box-shadow .3s ease}.cta-button:hover{background-color:#d1d1d1}.cta-button:active{box-shadow:inset 7px 7px 15px #bebebe,inset -7px -7px 15px #fff;transform:scale(.95)}body{background-color:#f5f5f5;color:#333;font-family:Inter,sans-serif;margin:0;padding:0}.landing-page{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:20px;text-align:center}.landing-page h1{color:#333;font-size:3rem;margin-bottom:20px;.landing-page h1{color:#333;font-size:3rem;margin-bottom:20px}.landing-page p{color:#666;font-size:1.25rem;margin-bottom:30px}.landing-page h1 span{opacity:1;transition:opacity .5s ease-in-out}.fade-out{opacity:0}.fade-in{opacity:1}}.landing-page p{color:#666;font-size:1.25rem;margin-bottom:30px}.landing-page h1 span{opacity:1;transition:opacity .5s ease-in-out}.fade,.fade-out{opacity:0}.fade-in{opacity:1}.header{align-items:center;background-color:#e0e0e0cc;border-radius:50px;box-shadow:7px 7px 15px #bebebe,-7px -7px 15px #fff;display:flex;justify-content:space-between;left:50%;margin:0 auto;max-width:800px;padding:10px 20px;position:fixed;top:40px;transform:translateX(-50%);width:80%;z-index:1000}.line{box-shadow:0 0 10px #00000080;height:1.5px;width:30px}.logo-button{background:none;border:none;cursor:pointer;padding:0;text-shadow:1px 1px 2px #bebebe,-1px -1px 2px #fff}.logo a,.logo-button{color:#333;font-size:1.5rem;font-weight:700;text-decoration:none}.nav ul{display:flex;list-style:none;margin:0;padding:0}.nav ul li{margin-left:20px}.header .nav ul li button{background-color:#e0e0e0;border:none;border-radius:50px;box-shadow:7px 7px 15px #bebebe,-7px -7px 15px #fff;color:#333;display:inline-block;font-size:1rem;font-weight:700;overflow:hidden;padding:10px 22px;position:relative;text-decoration:none;transition:background-color .3s ease,box-shadow .3s ease;z-index:1}.header .nav ul li button:hover{background-color:#d1d1d1}.header .nav ul li button:active{box-shadow:inset 7px 7px 15px #bebebe,inset -7px -7px 15px #fff;transform:scale(.95)}.nav ul li a{color:#333;font-size:1rem;text-decoration:none;transition:color .3s ease}@media (max-width:480px){.nav ul{flex-direction:column;margin:-30px}.nav ul,.nav ul.active{display:flex}.nav ul li{transform:translate(-60%,-40%)}.line{height:5px}.nav ul li a{font-size:0}}.header nav ul{justify-content:space-between}footer{background-color:#222;border-radius:10px;bottom:0;box-shadow:7px 7px 15px #bebebe,-7px -7px 15px #fff;box-sizing:border-box;color:#555;overflow:hidden;padding:1rem 1rem 1rem 2rem;position:relative;text-align:left;width:100%;z-index:1}footer:after{background-color:#222;border-radius:10px;bottom:0;box-shadow:inset 7px 7px 15px #00000080,inset -7px -7px 15px #ffffff1a;margin:5px}footer:after,footer:before{content:"";left:0;position:absolute;right:0;top:0;z-index:-1}footer:before{background-color:#444;border-top-left-radius:10px;border-top-right-radius:10px}footer p{color:#555;margin:.5rem 0;padding-left:2rem}footer a{padding-left:2rem;text-decoration:none;transition:color .3s ease}footer a:hover{color:#0056b3}.footer-content{display:flex;justify-content:space-between;width:100%}.local-time{color:#555;margin-right:1em}.signup-page{align-items:center;border-radius:20px;display:flex;height:100vh;justify-content:center;padding:20px}.container,.signup-page{background-color:#e0e0e0;box-shadow:7px 7px 15px #bebebe,-7px -7px 15px #fff}.container{border-radius:10px;max-width:400px;padding:40px;text-align:center;width:100%}.input,h2{color:#333;text-shadow:1px 1px 2px #bebebe,-1px -1px 2px #fff}.input{background-color:#e0e0e0;border:none;border-radius:10px;box-shadow:inset 7px 7px 15px #bebebe,inset -7px -7px 15px #fff;box-sizing:border-box;font-size:1rem;padding:15px;transition:box-shadow .3s ease;width:100%}.input:focus{box-shadow:inset 7px 7px 15px #bebebe,inset -7px -7px 15px #fff,0 0 0 3px #007bff80;outline:none}.button{background-color:#333;border:none;border-radius:10px;box-shadow:7px 7px 15px #bebebe,-7px -7px 15px #fff;color:#bebebe;cursor:pointer;font-size:1rem;margin-top:20px;padding:15px;transition:background-color .3s ease,box-shadow .3s ease;width:100%}.button:hover{background-color:#222}.button:active{box-shadow:inset 7px 7px 15px #111,inset -7px -7px 15px #555;transform:scale(.95)}.google-signin{background-color:#db4437;box-shadow:7px 7px 15px #bebebe,-7px -7px 15px #fff;color:#333;transition:background-color .3s ease,box-shadow .3s ease}.google-signin:hover{background-color:#c33d2e}.google-signin:active{box-shadow:inset 7px 7px 15px #b2372b,inset -7px -7px 15px #ff5040;transform:scale(.95)}.error{color:red;margin-top:10px}.success{color:green;margin-top:10px}.profile-settings-container{background-color:#e0e0e0;border-radius:20px;box-shadow:7px 7px 15px #bebebe,-7px -7px 15px #fff;margin:20px auto 0;max-width:600px;padding:20px}.profile-info{margin-top:20px}.profile-info p{color:#333;font-size:1rem}.bio-section,.input-wrapper{margin-right:20px;margin-top:20px}.bio-input,.name-input,.username-input{background-color:#e0e0e0;border:none;border-radius:10px;box-shadow:inset 7px 7px 15px #bebebe,inset -7px -7px 15px #fff;color:#333;font-size:1rem;padding:10px;resize:none;width:100%}.save-bio-button{background-color:#618eff;border:none;border-radius:10px;box-shadow:7px 7px 15px #bebebe,-7px -7px 15px #fff;color:#fff;cursor:pointer;font-size:1rem;margin-top:10px;padding:10px 20px;transition:background-color .3s ease,box-shadow .3s ease}.save-bio-button:hover{background-color:#4c70cb}.save-bio-button:active{box-shadow:inset 7px 7px 15px #bebebe,inset -7px -7px 15px #fff;transform:scale(.95)}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.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}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body,html{background-color:#e0e0e0;display:flex;flex-direction:column;height:100%;margin:0;padding:0}.homepage-container{display:flex;flex:1 1;flex-direction:column}footer{margin-top:auto}.homepage-background{background-color:#e0e0e0}.homepage-user-profile-button{align-items:center;background-color:#e0e0e0;border:none;border-radius:50%;box-shadow:7px 7px 15px #bebebe,-7px -7px 15px #fff;color:#333;display:flex;font-size:1.4rem;font-weight:700;height:60px;justify-content:center;left:30px;margin-top:20px;position:absolute;text-decoration:none;top:30px;transition:background-color .3s ease,box-shadow .3s ease;width:60px;z-index:2}.homepage-headerTitle{text-align:center}.homepage-user-profile-button:hover{background-color:#d1d1d1}.homepage-user-profile-button:active{box-shadow:inset 7px 7px 15px #bebebe,inset -7px -7px 15px #fff;transform:scale(.95)}.homepage-search-bar-container{box-sizing:border-box;display:flex;justify-content:center;margin-top:20px;padding:0 20px;width:100%}.homepage-search-bar{align-items:center;display:flex;gap:15px;margin-top:20px;max-width:600px;width:100%}.homepage-input{background-color:#e0e0e0;border:none;border-radius:50px;box-shadow:7px 7px 15px #bebebe,-7px -7px 15px #fff;box-sizing:border-box;flex:1 1;font-size:large;height:60px;margin:10px 0;outline:none;padding:10px 20px;transition:box-shadow .3s ease}.homepage-input:focus{box-shadow:inset 7px 7px 15px #bebebe,inset -7px -7px 15px #fff}.homepage-search-button{align-items:center;background-color:#e0e0e0;border:none;border-radius:50%;box-shadow:7px 7px 15px #bebebe,-7px -7px 15px #fff;cursor:pointer;display:flex;height:60px;justify-content:center;transition:background-color .3s ease,box-shadow .3s ease;width:60px}.homepage-search-button:hover{background-color:#d1d1d1}.homepage-search-button:active{box-shadow:inset 7px 7px 15px #bebebe,inset -7px -7px 15px #fff;transform:scale(.95)}.homepage-search-icon{font-size:1.1rem}.homepage-createPost-button{align-items:center;background-color:#e0e0e0;border:none;border-radius:50%;box-shadow:7px 7px 15px #bebebe,-7px -7px 15px #fff;cursor:pointer;display:flex;height:60px;justify-content:center;transition:background-color .3s ease,box-shadow .3s ease;width:60px}.homepage-createPost-button:hover{background-color:#d1d1d1}.homepage-createPost-button:active{box-shadow:inset 7px 7px 15px #bebebe,inset -7px -7px 15px #fff;transform:scale(.95)}.homepage-createPost-icon{font-size:1.4rem}.homepage-message-button{align-items:center;background-color:#e0e0e0;border:none;border-radius:50%;box-shadow:7px 7px 15px #bebebe,-7px -7px 15px #fff;cursor:pointer;display:flex;height:60px;justify-content:center;transition:background-color .3s ease,box-shadow .3s ease;width:60px}.homepage-message-button:hover{background-color:#d1d1d1}.homepage-message-button:active{box-shadow:inset 7px 7px 15px #bebebe,inset -7px -7px 15px #fff;transform:scale(.95)}.homepage-message-icon{font-size:1.4rem}.homepage-searched-profile{align-items:center;display:flex;margin:20px}.homepage-profile-picture{object-fit:cover}.homepage-profile-icon,.homepage-profile-picture{border-radius:50%;height:60px;margin-right:10px;width:60px}.homepage-profile-icon{align-items:center;background-color:#618eff;box-shadow:7px 7px 15px #bebebe,-7px -7px 15px #fff;display:flex;font-size:1.4rem;justify-content:center}.homepage-profile-info{display:flex;flex-direction:column;margin-top:-3px}.homepage-username{margin-top:-10px}.homepage-error{color:red;margin-top:10px}.posts-container{align-items:center;display:flex;flex-direction:column;gap:20px;padding:20px}.post-card{background:#e0e0e0;border-radius:20px;box-shadow:7px 7px 15px #bebebe,-7px -7px 15px #fff;margin-bottom:20px;max-width:600px;padding:20px;position:relative;width:100%}.post-header{align-items:center;display:flex;margin-bottom:10px}.post-profile-icon,.post-profile-picture{border-radius:50%;height:50px;margin-right:10px;width:50px}.post-profile-icon{align-items:center;background-color:#618eff;color:#fff;display:flex;font-size:1.5em;justify-content:center}.post-user-info{display:flex;flex-direction:column}.post-username{color:#666}.post-profile-name,.post-username{font-weight:700}.post-content{font-size:1.1em;margin-top:10px}.post-footer{align-items:center;display:flex;justify-content:space-between;margin-top:10px}.post-actions{display:flex;gap:10px}.post-action-button{background:#e0e0e0;border:none;border-radius:50%;box-shadow:2px 2px 5px #bebebe,-2px -2px 5px #fff;cursor:pointer;font-size:1.2em;padding:10px;transition:transform .1s}.post-action-button:active{transform:scale(.95)}.post-delete-button{background:#e0e0e0;border:none;border-radius:50%;box-shadow:2px 2px 5px #bebebe,-2px -2px 5px #fff;cursor:pointer;font-size:1.2em;padding:10px;position:absolute;right:10px;top:10px;transition:transform .1s}.post-delete-button:active{transform:scale(.95)}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-container{background-color:#f0f0f3;border-radius:20px;box-shadow:7px 7px 15px #bebebe,-7px -7px 15px #fff;display:flex;flex-direction:column;max-width:500px;padding:20px;width:90%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.modal-header h2{margin:0}.close-button{background:none;border:none;cursor:pointer;font-size:1.5rem}.modal-body{flex:1 1;margin-bottom:20px}.post-textarea{border:none;border-radius:10px;box-shadow:inset 7px 7px 15px #bebebe,inset -7px -7px 15px #fff;font-size:1rem;height:100px;padding:10px;resize:none;width:100%}.modal-footer{display:flex;gap:10px;justify-content:flex-end}.cancel-button,.submit-button{border:none;border-radius:10px;box-shadow:7px 7px 15px #bebebe,-7px -7px 15px #fff;cursor:pointer;padding:10px 20px;transition:background-color .3s ease,box-shadow .3s ease}.cancel-button{background-color:#f8d7da}.cancel-button:hover{background-color:#f5c2c7}.submit-button{background-color:#618eff;color:#fff}.submit-button:hover{background-color:#4c70cb}.submit-button:active{box-shadow:inset 7px 7px 15px #bebebe,inset -7px -7px 15px #fff;transform:scale(.95)}
/*# sourceMappingURL=main.7a8cbb02.css.map*/