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}body{background-color:#fff;display:flex;flex-direction:column;font-family:Helvetica,sans-serif;min-height:80vh}h1{margin-top:10px;text-align:center}.navbar{align-items:center;background-color:#ccf;box-shadow:0 2px 10px rgba(0,0,0,.2);display:flex;justify-content:space-between;margin-bottom:50px}.nav-links li.active{text-decoration:underline}.nav-links{align-items:center;display:flex;justify-content:center;list-style:none;margin:0}.nav-links li{flex-grow:1;margin-right:50px}.nav-links li a{color:#000;text-decoration:none}.navbar img{height:110px;margin-right:-20px;width:110px}.search-bar{align-items:center;display:flex;margin-bottom:20px}.search-bar input{border:1px solid #ccc;border-radius:3px;padding:5px}.search-bar button{background-color:#555;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-left:5px;margin-right:10px;padding:5px 10px}.container{display:flex}.friends-list{background-color:#ccf;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.2);margin-right:10px;max-height:570px;max-width:20%;padding:10px;width:25%}.friend-online-box,.my-info-box,.thread-box{background-color:#fff;border:1px solid #ccc;border-radius:10px;margin-bottom:10px;margin-left:10px;padding:10px}.friend-online-box{position:relative}.friend-online-box:hover{cursor:pointer}.friend-online{font-weight:700}.friend-online,.profile-info{align-items:center;display:flex}.profile-img{border-radius:50%;flex-shrink:0;height:30px;margin-right:10px;overflow:hidden;width:30px}.profile-img img{height:100%;object-fit:cover;width:100%}.threads{max-height:600px;overflow-y:auto;padding:10px;width:75%}.thread-box:hover{background-color:#f5f5f5}.thread-box a{color:inherit;text-decoration:none}.message{margin-left:20px}.message-icons{display:flex;gap:10px;justify-content:flex-end}.message-icons svg.fa-heart{color:red}.message-icons i.svg-ellipsis-h{color:#000}.like-count{font-size:12px}.add-post-container{display:flex;justify-content:flex-end;margin-bottom:10px;width:98.5%}.add-post-box{align-items:center;background-color:#ccf;border:1px solid #ccc;border-radius:10px;cursor:pointer;display:flex;margin-right:20px;padding:10px}.add-post a{color:inherit;text-decoration:none}.form-container{background-color:#f5f5f5;border-radius:10px;box-sizing:border-box;margin:auto auto 20px;max-width:1200px;padding:20px;position:relative;width:70%}.postBtn{background-color:#ccf;border:none;border-radius:5px;color:#000;cursor:pointer;margin-left:auto;padding:10px 20px}.add-post-box:hover,.postBtn:hover,.saveChangeBtn:hover{background-color:#b4a0e5}.closeBtn{cursor:pointer;position:absolute;right:20px;top:10px}form{margin-top:20px}label{display:block;margin-bottom:5px}.findpwInput,.signInInput,.signUpInput,input[type=text],textarea{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;max-width:100%;padding:10px;width:100%}input[type=file]{display:block;margin-top:5px}#fill-in-message{color:#f08080;font-size:16px}.profile{border:1px solid #ccc;border-radius:10px;margin:auto auto 20px;max-width:600px;padding:20px}.profile img{border-radius:50%;margin-bottom:10px;max-width:100px}.profile input[type=submit],.profile input[type=text],.profile select{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;margin-bottom:10px;padding:10px;width:100%}.saveChangeBtn{background-color:#ccf;border:none;border-radius:5px;color:#000;cursor:pointer;margin-left:auto;padding:10px 20px}.message-detail-container{box-sizing:border-box;margin-left:10px;width:70%}.comments-container,.message-container{background-color:#f5f5f5;border-radius:10px;box-sizing:border-box;margin-bottom:20px;padding:20px}.message-content img{display:block;height:auto;margin:0 auto;max-width:100%}.comment-box{font-family:Arial,sans-serif;font-size:14px}.postCommentBtn{background-color:#ccf;border:none;border-radius:5px;color:#000;cursor:pointer;margin-top:5px;padding:10px 20px}.setting-container{justify-content:center}.profile-container,.setting-container{align-items:center;display:flex;flex-direction:column}.profile-container{border:1px solid #ccc;border-radius:10px;margin:0 auto;padding:20px;width:500px}#current-profile-picture{border-radius:50%;height:100px;margin:20px auto;object-fit:cover;width:100px}.edit-profile,.logout,.notification-setting{margin-bottom:20px;width:100%}.edit-profile button,.logoutBtn{background-color:#ccf;border:none;border-radius:5px;color:#000;cursor:pointer;margin-left:70px;padding:10px;width:70%}.logoutBtn{background-color:#f08080;color:#fff}.edit-profile button:hover{background-color:#b4a0e5}.logoutBtn:hover{background-color:red}.notification-setting label{display:block;margin-bottom:10px}.notification-setting{align-items:center;display:flex;justify-content:space-evenly;margin-left:20px}input[type=checkbox]{margin-left:-150px;margin-top:-7px}.overlay{background:rgba(0,0,0,.7);bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .5s;visibility:hidden;z-index:1000}.overlay.active,.popup{opacity:1;visibility:visible}.popup{align-items:center;background:#fff;border-radius:5px;display:flex;flex-direction:column;height:40%;justify-content:center;left:50%;padding:20px;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:40%}.popup .close{color:#333;font-size:30px;font-weight:700;position:absolute;right:30px;text-decoration:none;top:20px}.success-message{max-height:50%;text-align:center}.checkmark{color:#ccf;font-size:70px;margin-bottom:15px}.getHomeSafeFeature{background-color:#fff;border:1px solid #ccc;border-radius:10px;box-sizing:border-box;margin:auto auto 20px;max-width:900px;padding:20px}.getHomeSafeFeature p{font-size:1.2em;margin-bottom:30px;text-align:center}.buddy-request-container,.request-form{background-color:#f5f5f5;border-radius:10px;box-sizing:border-box;display:flex;flex-direction:column;margin:auto auto 20px;max-height:400px;max-width:500px;min-height:400px;padding:20px}.buddy-request-container{overflow-y:auto}.buddy-request-box{align-items:center;cursor:pointer;display:flex}.location{font-weight:400}.buddy-request-container h2{font-size:1.5em;margin-bottom:50px;text-align:center}.request-form button,.request-form input,.request-form select{box-sizing:border-box;display:block;margin-bottom:20px;padding:10px;width:100%}.request-form label{margin-bottom:20px}.requestBtn{background-color:#ccf;border:none;border-radius:5px;cursor:pointer;margin-top:30px;padding:10px;width:70%}.requestBtn:hover{background-color:#b4a0e5}.buddy-request-box{background-color:#fff;border:1px solid #ccc;border-radius:10px;margin-bottom:10px;padding:10px}.buddy-request{font-weight:700}.footer-container{background-color:#282828;padding:10px 0;text-align:center;width:100%}.footerStyle{color:#fff;text-align:center;width:100%}.footerDivStyle{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.footerDivTextStyle{color:#fff;margin:0 10px;text-decoration:none}.footerDivTextStyle:hover{color:#ccf}.friends-list-page{align-items:center;display:flex;flex-direction:column;margin-top:20px}.friends-list-page h2{margin-bottom:20px;margin-top:10px;text-align:center}.search-bar-container input[type=text]{border:1px solid #ccc;border-radius:5px;flex-grow:1;margin-right:10px;padding:10px}.search-bar-container button{background-color:#ccf;border:none;border-radius:5px;color:#000;cursor:pointer;margin-top:-20px;padding:10px}.search-bar-container button:hover{background-color:#b4a0e5}.friends-page-container{width:80%}.friend{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:5px;display:flex;justify-content:space-between;margin-bottom:10px;padding:10px}.friend:hover{background-color:#f5f5f5}.friend .block-button,.friend .unblock-button{background-color:#555}.friend .block-button,.friend .unblock-button,.friend .unfriend-button{border:none;border-radius:5px;color:#fff;cursor:pointer;margin-left:10px;padding:5px 10px}.friend .unfriend-button{background-color:red}.suggested-friends-page-container{width:80%}.suggested-friend{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:5px;display:flex;justify-content:space-between;margin-bottom:10px;padding:10px}.suggested-friend:hover{background-color:#f5f5f5}.suggested-friend .block-button,.suggested-friend .unblock-button{background-color:#555;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-left:10px;padding:5px 10px}.suggested-friend .unfriend-button{background-color:red;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-left:10px;padding:5px 10px}.direct-message-page{justify-content:space-between}.right-container{align-items:stretch;margin-right:30px;width:70%}.conversation-list{background-color:#ccf;flex:1 1;max-height:500px;overflow-y:auto;width:100%}.conversation-box,.conversation-list{border-radius:10px;margin-bottom:10px;padding:10px}.conversation-box{background-color:#fff}.conversation-box:hover{background-color:#f5f5f5;cursor:pointer}.message-box{flex-grow:1}.message-dm{background-color:#fff;border-radius:10px;margin-bottom:10px;padding:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.message-send{justify-content:space-between;margin-top:10px}.message-send textarea{border:1px solid #ccc;border-radius:5px;padding:10px;width:85%}.message-send button{background-color:#ccf;border:none;border-radius:5px;color:#000;cursor:pointer;padding:10px 20px}.message-send button:hover{background-color:#b4a0e5}.sign-in-page,.sign-up-page{align-items:center;background-color:#4b2e83;display:flex;flex-direction:column;height:100vh;justify-content:center}.find-pw,.signInForm,.signUpForm{align-items:center;background-color:#fff;border-radius:5px;box-shadow:0 0 5px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:10px;padding:20px}.signInBtn,.signUpBtn{background-color:#4b2e83;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}.signInBtn:hover,.signUpBtn:hover{background-color:#ccf;color:#000}.forgot-password{margin-top:10px;text-align:center}.forgot-password a{color:#4b2e83;text-decoration:none}.uw-netid-help{margin-top:20px;text-align:center}.uw-netid-help p{color:#888;font-size:12px;line-height:1.5}.message-dm.sent{align-self:flex-end;background-color:#ccf;border-radius:12px 0 12px 12px;color:#000}.message-dm.received{align-self:flex-start;background-color:#e6e6e6;border-radius:0 12px 12px 12px;color:#000}.forgotPwPage{background-color:#4b2e83;height:100vh;justify-content:center}.forgotPwFormContainer,.forgotPwPage{align-items:center;display:flex;flex-direction:column}.forgotPwFormContainer{background-color:#fff;border-radius:5px;box-shadow:0 0 5px rgba(0,0,0,.1);gap:10px;padding:20px}.forgotPwBtn{background-color:#4b2e83;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:20px;padding:10px 20px}.forgotPwBtn:hover{background-color:#ccf;color:#000}.message-dm{word-wrap:break-word;margin:5px;max-width:70%;padding:5px 10px}.message-box{display:flex;flex-direction:column}.online-indicator{background-color:#ccf;border-radius:50%;height:10px;position:absolute;right:10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:10px}.friend-profile-image,.profile-img img{border-radius:50%;height:25px;margin-right:10px;width:25px}.opponent-header{align-items:center;background-color:#f7f7f7;border-bottom:1px solid #e0e0e0;display:flex;padding:10px}.opponent-profile-image{border-radius:50%;height:40px;margin-right:10px;width:40px}.direct-message-page{display:flex;height:100vh;overflow:hidden;width:100%}.right-container{display:flex;flex-direction:column;height:100%;width:75%}.friend-list{background-color:#e6e6e6;border-radius:10px;height:20%;overflow-y:auto;padding:10px}.friend-list h2{margin:10px}.chat-container{border:1px solid #ccc;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;height:500px;justify-content:space-between;margin-bottom:20px;margin-top:20px;overflow-y:auto;padding:10px}.message-box{max-height:420px;overflow-y:auto}.message-send{align-items:center;display:flex}.uw-logo{display:block;height:auto;margin:0 auto;width:100px}.app-name{color:#fff;margin-bottom:20px;text-align:center}.friend-search-results-container{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;max-height:200px;overflow-y:auto}.friend-search-results{align-items:center;background-color:#f7f7f7;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;justify-content:space-between;padding:10px}.friend-actions{display:flex;gap:10px;margin-left:30px}.add-friend-button{background-color:#ccf;border:none;border-radius:3px;color:#000;cursor:pointer;padding:5px 10px}.add-friend-button:hover{background-color:#b4a0e5}.nav-content{align-items:center;display:flex;justify-content:space-between;width:100%}.search-bar{flex:2 1;margin-left:40px;max-width:300px;min-width:200px;order:2}.hamburger-menu{cursor:pointer;display:none;margin-left:auto;margin-right:20px;order:3}.nav-links.open{background-color:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1);display:block;margin-top:15px;position:absolute;right:0;top:60px;width:200px;z-index:1000}.nav-links.open li{display:block;margin:10px 0}@media only screen and (max-width:768px){.hamburger-menu{display:block}.nav-links,footer{display:none}.friends-list{display:table}.buddy-request-container{margin-left:20px}.getHomeSafeFeature,.profile-container{border:none}.forgotPwFormContainer{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}
/*# sourceMappingURL=main.712a4178.css.map*/