@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@500&display=swap);#root,body{width:100%;height:100%;padding:0;margin:0}body{background-color:#fafafa;font-family:"DM Sans",sans-serif}body #red{color:#ca322f}body #yellow{color:#f6b90f}body #blue{color:#2065ad}body #black{color:#000}body #dark-gray{color:#8e8e8e}body #light-gray{color:#fafafa}body #border-gray{color:#dbdbdb}button{padding:5px 10px;border:none;border-radius:5px;background-color:#2065ad;font-size:20px}button a{text-decoration:none}button a,button a:hover{color:#fff}.loading{height:100%;width:100%;position:absolute;display:flex;flex-direction:column;align-items:center;background-color:#fafafa;margin-top:50px}.lds-ring{display:inline-block;position:relative;width:80px;height:80px;margin-bottom:50px}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border-radius:50%;-webkit-animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:8px solid transparent;border-top-color:#f6b90f}.lds-ring div:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}.lds-ring div:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}.lds-ring div:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}@-webkit-keyframes lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.navbar{font-family:"DM Sans",sans-serif;font-size:20px;display:flex;justify-content:center;align-items:center;height:70px;background-color:#fff;border-bottom:1px solid #dbdbdb}.navbar .navbar-element{padding:0;margin-top:0}.navbar .navbar-contents{display:flex;justify-content:center;width:100%}.navbar .navbar-contents .navbar-left{display:flex;align-items:center}.navbar .navbar-contents .navbar-left .logo{font-size:25px}.navbar .navbar-contents .navbar-center{width:40%;display:flex;justify-content:flex-start;align-items:center}.navbar .navbar-contents .navbar-center .search{height:25px}.navbar .navbar-contents .btn-primary{background:none;background-color:none;border:none}.navbar .navbar-contents .btn-primary:focus{box-shadow:none}.navbar .navbar-contents .navbar-right{display:flex;align-items:center}.navbar .navbar-contents .navbar-right .create,.navbar .navbar-contents .navbar-right .explore,.navbar .navbar-contents .navbar-right .home,.navbar .navbar-contents .navbar-right .message{height:25px;margin:0}.navbar .navbar-contents .navbar-right .profile{height:30px;margin:0;border-radius:50%}.navbar .navbar-element{margin:0 20px 0 0;text-decoration:none;color:#000;cursor:pointer}.create-post-section,.edit-profile-section,.login,.register{width:43%;margin:60px auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.create-post-section .login-bottom,.create-post-section .login-top,.create-post-section .register-bottom,.create-post-section .register-top,.edit-profile-section .login-bottom,.edit-profile-section .login-top,.edit-profile-section .register-bottom,.edit-profile-section .register-top,.login .login-bottom,.login .login-top,.login .register-bottom,.login .register-top,.register .login-bottom,.register .login-top,.register .register-bottom,.register .register-top{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:100%;padding:50px 20px;border:1px solid #dbdbdb;background-color:#fff;color:#8e8e8e}.create-post-section .login-bottom,.create-post-section .register-bottom,.edit-profile-section .login-bottom,.edit-profile-section .register-bottom,.login .login-bottom,.login .register-bottom,.register .login-bottom,.register .register-bottom{margin-top:25px;padding:20px 0}.create-post-section .login-bottom p,.create-post-section .register-bottom p,.edit-profile-section .login-bottom p,.edit-profile-section .register-bottom p,.login .login-bottom p,.login .register-bottom p,.register .login-bottom p,.register .register-bottom p{margin:0}.create-post-section .login-bottom a,.create-post-section .register-bottom a,.edit-profile-section .login-bottom a,.edit-profile-section .register-bottom a,.login .login-bottom a,.login .register-bottom a,.register .login-bottom a,.register .register-bottom a{text-decoration:none;color:#2065ad}.create-post-section h3,.edit-profile-section h3,.login h3,.register h3{font-size:50px;margin-bottom:15px}.create-post-section h4,.edit-profile-section h4,.login h4,.register h4{font-size:20px;font-weight:700;margin-bottom:15px}.create-post-section .register-terms,.edit-profile-section .register-terms,.login .register-terms,.register .register-terms{text-align:center;font-size:14px;padding:10px 10px 0}.create-post-section .form-container,.edit-profile-section .form-container{border:1px solid #dbdbdb;background-color:#fff;padding:50px 20px}.create-post-section .image-upload-container,.edit-profile-section .image-upload-container{display:flex;flex-direction:column;color:#8e8e8e}.create-post-section .image-upload-container .image-preview,.edit-profile-section .image-upload-container .image-preview{justify-content:center;align-items:center}.create-post-section .image-upload-container .image-preview img,.edit-profile-section .image-upload-container .image-preview img{max-width:50%}.create-post-section .image-upload-container .file-label,.create-post-section .image-upload-container label,.edit-profile-section .image-upload-container .file-label,.edit-profile-section .image-upload-container label{border:1px solid #dbdbdb}.create-post-section .image-upload-container .file-label,.create-post-section .image-upload-container .input-warning,.create-post-section .image-upload-container label,.edit-profile-section .image-upload-container .file-label,.edit-profile-section .image-upload-container .input-warning,.edit-profile-section .image-upload-container label{display:flex;justify-content:center;align-items:center;background-color:#fafafa;border:1px solid #dbdbdb;border-radius:3px;height:30px;padding:20px;cursor:pointer}.create-post-section .image-upload-container .file-input,.edit-profile-section .image-upload-container .file-input{display:none}.create-post-section .image-upload-container .image-preview,.edit-profile-section .image-upload-container .image-preview{display:flex;flex-direction:column;padding:30px 0}.create-post-section .image-upload-container .image-preview .remove-preview-button,.edit-profile-section .image-upload-container .image-preview .remove-preview-button{margin-bottom:10px;width:100%}.create-post-section .image-upload-container .image-preview .remove-preview-button button,.edit-profile-section .image-upload-container .image-preview .remove-preview-button button{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background-color:#ca322f}.alert{display:flex;justify-content:space-between;align-items:center}.alert p{margin:0}.alert button{height:25px;width:25px}.alert button,.form-container{display:flex;justify-content:center;align-items:center}.form-container{flex-direction:column;width:100%;margin:0 auto}.form-container .form{width:80%}.form-container textarea{height:100px}.form-container .field{margin:15px}.form-container .field p.label{margin-bottom:5px}.form-container .field .input,.form-container .field input{width:100%;padding:5px;border:1px solid #dbdbdb;border-radius:3px}.form-container .field .input-warning{width:100%;padding:5px;border:1px solid #ca322f;border-radius:3px}.form-container .field button{width:100%;padding:5px;border:none;border-radius:3px;background-color:#2065ad;color:#fff}.form-container .image-upload-container{display:flex;flex-direction:column}.form-container .image-upload-container .image-preview{display:flex;justify-content:center;align-items:center}.form-container .image-upload-container .image-preview img{max-width:50%}.form-container .image-upload-container .file-label{border:1px solid #dbdbdb}.form-container .image-upload-container .file-label,.form-container .image-upload-container .input-warning{display:flex;justify-content:center;align-items:center;background-color:#fafafa;border-radius:3px;height:30px;padding:20px;cursor:pointer}.form-container .image-upload-container .file-input{display:none}.post-card{margin:15px;background-color:#fff;border:1px solid #dbdbdb;border-radius:3px;color:#000}.home-page-section,.login-home-page{width:100%;padding:0}.login-home-page{margin:0}.login-home-page .login-home-message{margin:50px}.login-home-page .login-home-message a{text-decoration:none;color:#2065ad}.login-home-page img{width:100%}.unpopulated-home-page .unpopulated-home-page-top{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:70%;margin:50px auto 0}.unpopulated-home-page .unpopulated-home-page-top h4{margin-bottom:30px}.unpopulated-home-page .unpopulated-home-page-bottom{margin:40px auto;text-align:center}.unpopulated-suggestions{color:#8e8e8e}.unpopulated-suggestions h6{margin-bottom:30px}.unpopulated-suggestions button{font-size:15px}.home-page{display:flex;width:75%;margin:30px auto}.home-page .mini-profile-image{border-radius:50%}.home-page .home-page-left{width:65%}.home-page .home-page-left .post-card{margin-bottom:30px}.home-page .home-page-left .post-header{border-bottom:1px solid #dbdbdb;padding:15px 0 10px 15px}.home-page .home-page-left .post-header .post-header-link{display:flex;align-items:center;text-decoration:none}.home-page .home-page-left .post-header .post-header-link p{margin:0 0 0 10px;text-decoration:none;color:#000;font-size:15px;font-weight:700}.home-page .home-page-left .post-header .post-header-link p:hover{text-decoration:underline}.home-page .home-page-left .post-header .post-header-link img{max-width:40px;height:100%}.home-page .home-page-left .home-post-image{display:flex;justify-content:center;align-items:center;border-bottom:1px solid #dbdbdb}.home-page .home-page-left .home-post-image img{max-width:100%;max-height:500px}.home-page .home-page-left .post-controls{padding:10px;border-bottom:1px solid #dbdbdb}.home-page .home-page-left .post-controls button{width:30px;padding:0;margin:0 10px;background-color:#fff}.home-page .home-page-left .post-controls button img{max-width:100%}.home-page .home-page-left .post-info{padding:0 20px;border-bottom:1px solid #dbdbdb}.home-page .home-page-left .post-info p{margin:5px 0}.home-page .home-page-left .post-info .created-at{color:#8e8e8e;font-size:12px;margin-top:10px}.home-page .home-page-left .home-comment-container{margin:10px 10px 10px 20px;height:90px;overflow-y:scroll}.home-page .home-page-left .home-comment-container p{margin:0}.home-page .home-page-left .home-comment-container .comment-nums{color:#8e8e8e;margin-bottom:10px}.home-page .home-page-left .home-comment-container .created-at{color:#8e8e8e;font-size:12px;margin-bottom:10px}.home-page .home-page-right{width:30%;margin-left:20px;color:#8e8e8e}.home-page .home-page-right h5{margin:10px 0 30px}.home-page .home-page-right .suggestion-posts-container .suggestion-card{display:flex;justify-content:center;align-items:center;margin-bottom:10px}.home-page .home-page-right .suggestion-posts-container .suggestion-card p{margin:0}.home-page .home-page-right .suggestion-posts-container .suggestion-card .suggestion-card-left{width:15%;margin-right:8px}.home-page .home-page-right .suggestion-posts-container .suggestion-card .suggestion-card-left img{width:100%;max-height:100%}.home-page .home-page-right .suggestion-posts-container .suggestion-card .suggestion-card-right{display:flex;justify-content:space-around;align-items:center;width:85%;margin-left:5px}.home-page .home-page-right .suggestion-posts-container .suggestion-card .suggestion-card-right button{background-color:#fafafa;color:#2065ad;font-size:15px}.home-page .home-page-right .suggestion-posts-container .suggestion-card .suggestion-card-right p{margin:0;font-size:13px}.explore-posts-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px}.explore-posts-container .explore-posts-container-header{display:flex;align-items:center;margin-bottom:10px}.explore-posts-container .explore-posts-container-header p{margin:5px 20px}.explore-posts-container .explore-posts-container-header input{margin:0 20px;border:1px solid #dbdbdb;padding:5px;border-radius:5px}.explore-posts-container .explore-posts-container-header .search-left{margin-top:10px}.explore-posts-container .explore-posts-container-header .search-right input{font-size:15px;background-color:#fff;border:1px solid #dbdbdb;padding:5px;border-radius:5px}.explore-posts-container .explore-posts-container-header .search-right input.clear{width:35px;color:#fff;background-color:#ca322f;border:none}.explore-posts-container-main,.more-posts-container{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.post-cards-container{width:25%;height:350px;margin:10px;position:relative}.post-cards-container .post-card{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.post-cards-container .post-card p{margin:0}.post-cards-container .post-card .post-card-image{display:flex;justify-content:center;align-items:center}.post-cards-container .post-card .post-card-image img{max-width:100%;max-height:300px}.post-show-container{width:70%;margin:40px auto}.owner-profile-image{max-width:50px;max-height:50px;border-radius:50%;margin-right:10px}.post-show-main{display:flex;width:100%;height:100%;background-color:#fff;border:1px solid #dbdbdb;border-radius:3px;margin-bottom:40px}.post-show-main .post-show-left{width:60%;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.post-show-main .post-show-left .post-image{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.post-show-main .post-show-left .post-delete-button{display:flex;align-items:flex-start;justify-content:flex-end;height:30px;width:100%}.post-show-main .post-show-left .post-delete-button button{background-color:#fff}.post-show-main .post-show-left img{max-width:100%;height:100%;max-height:500px}.post-show-main .post-show-right{border-left:1px solid #dbdbdb;width:40%}.post-show-main .post-show-right .header-container{width:100%}.post-show-main .post-show-right .post-show-right-header{width:100%;display:flex;justify-content:space-around;align-items:center;border-bottom:1px solid #dbdbdb;margin-top:10px}.post-show-main .post-show-right .post-show-right-header a{text-decoration:none;color:#000}.post-show-main .post-show-right .post-show-right-header button{margin-left:10px;background-color:#fff;color:#2065ad;font-size:15px;margin-bottom:15px}.post-show-main .post-show-right .post-show-right-header p.follow a{color:#2065ad}.post-show-main .post-show-right .post-show-right-main .post-show-caption{display:flex;margin:10px 0 10px 10px}.post-show-main .post-show-right .post-show-right-main .post-show-caption .post-show-caption-left{width:20%}.post-show-main .post-show-right .post-show-right-main .post-show-caption p{margin:0 0 0 10px}.post-show-main .post-show-right .post-show-right-main .post-show-caption img{margin:0 5px;max-width:50px}.post-show-main .post-show-comments{border-bottom:1px solid #dbdbdb;border-top:1px solid #dbdbdb;height:150px;overflow-y:scroll}.post-show-main .post-show-comments .no-comments{margin:10px 0 0 20px;color:#8e8e8e}.post-show-main .post-show-comments .post-show-comment-container{display:flex;margin:20px 10px 10px}.post-show-main .post-show-comments .post-show-comment-container .post-show-comment-left{width:20%}.post-show-main .post-show-comments .post-show-comment-container .post-show-comment-left img{margin:0 0 0 10px;max-width:90%}.post-show-main .post-show-comments .post-show-comment-container .post-show-comment-right{margin-left:8px;width:80%;display:flex;justify-content:space-between}.post-show-main .post-show-comments .post-show-comment-container .post-show-comment-right .comment{height:100%}.post-show-main .post-show-comments .post-show-comment-container .post-show-comment-right button{display:flex;flex-direction:column;justify-content:flex-start;margin-left:5px;background-color:#fff}.post-show-main .post-show-comments .post-show-comment-container .post-show-comment-right p{margin:0}.post-show-main .post-show-comments .post-show-comment-container .post-show-comment-right .comment-nums{color:#8e8e8e}.post-show-main .post-show-comments .post-show-comment-container .post-show-comment-right .comment-nums :last-child{font-size:12px;margin-top:3px}.post-show-main .post-show-controls{display:flex;align-items:center;margin-bottom:15px}.post-show-main .post-show-buttons{display:flex;border-right:1px solid #dbdbdb}.post-show-main .post-show-buttons img{max-height:25px;margin:10px 15px}.post-show-main .post-show-nums{border-bottom:1px solid #dbdbdb;margin-top:10px}.post-show-main .post-show-nums p{margin:0 0 0 10px}.post-show-main .post-show-nums .created-at{color:#8e8e8e;margin-bottom:5px;font-size:12px;margin-top:3px}.post-show-main .comments-form-container form{display:flex;align-items:center;margin:20px 0 0 10px}.post-show-main .comments-form-container form img{max-height:25px;margin:0 5px 20px 10px}.post-show-main .comments-form-container .input{display:flex;font-size:15px;border:none;resize:none;margin:0 10px 0 20px;width:80%}.post-show-main .comments-form-container button{background-color:#fff;font-size:15px;color:#2065ad;margin:0 5px 20px 0}.post-show-lower{color:#8e8e8e}.post-show-lower .post-cards-container{width:30%;height:300px}.follow-card,.like-card{display:flex;flex-direction:column;align-items:center;justify-content:center;width:70%;margin:60px auto;border:1px solid #000;padding:50px 0}.follow-card button,.like-card button{margin:10px}.user-show-section{display:flex;flex-direction:column;justify-content:center;align-items:center}.user-show-section .user-show-container{width:70%;margin:10px auto}.user-show-header{display:flex;justify-content:center;margin:20px 0}.user-show-header img{max-height:200px;max-width:200px;border-radius:50%;margin-right:70px}.user-show-header .user-show-header-right{display:flex;flex-direction:column;justify-content:center}.user-show-header .user-show-header-right .user-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.user-show-header .user-show-header-right .user-controls h3{margin:0;padding-left:20px}.user-show-header .user-show-header-right .user-controls a,.user-show-header .user-show-header-right .user-controls button{font-size:17px;background-color:#fafafa;margin-left:30px;color:#2065ad}.user-show-header .user-show-header-right .user-nums{display:flex;justify-content:space-between;margin-left:20px}.user-show-header .user-show-header-right .user-info{padding-left:20px}.user-show-header .user-show-header-right .user-info p{margin:0}.unpopulated-profile-page h3{margin:20px 0}.unpopulated-profile-page button{font-size:15px}.unpopulated-profile-page .unpopulated-home-background{width:100%}.unpopulated-profile-page .unpopulated-home-background figure{display:flex;justify-content:flex-end}.unpopulated-profile-page .unpopulated-home-background img{max-width:70%}.user-show-posts-container{display:flex;flex-wrap:wrap}.user-show-posts-container .user-show-post-link{width:30%;margin:10px}.user-show-posts-container .user-show-post-link .user-show-post{display:flex;justify-content:center;align-items:center;width:100%;height:300px;background-color:#fff;border:1px solid #dbdbdb;border-radius:3px}.user-show-posts-container .user-show-post-link .user-show-post img{max-width:100%;max-height:100%}.unpopulated-messages-container{padding:30px;text-align:center}.messages-container{width:70%;margin:40px auto;background-color:#fff;border:1px solid #dbdbdb}.messages-container .tab-row{width:100%;margin-left:1px}.messages-container .nav-link.active{background-color:#fff;max-width:100%}.messages-container .col-sm-3{width:38%;border-right:1px solid #dbdbdb}.messages-container .col-sm-3 .a,.messages-container .col-sm-3 .nav-link{display:flex;align-items:center;width:100%;font-size:15px;color:#000;margin:10px 0}.messages-container .col-sm-3 .navlink-left img{max-width:40px;border-radius:50%;margin-right:10px}.messages-container .message-container-right{width:62%;padding:0 30px}.messages-container .message-container{border-bottom:1px solid #dbdbdb}.messages-container .chat-title{display:flex;height:80px;align-items:center;padding:10px 0;border-bottom:1px solid #dbdbdb}.messages-container .chat-title img{width:40px;border-radius:50%;margin-right:10px}.messages-container .chat-title p{margin-top:10px}.messages-container .message{margin:20px 0}.messages-container .message p{margin:0}.messages-container .message .send-time{color:#8e8e8e;font-size:12px}.messages-container .message-right{text-align:right}.messages-container .message-left{text-align:left}.messages-container .create-message{border-bottom:1px solid #dbdbdb}.messages-container .create-message button{background-color:#fff;margin-right:20px}.messages-container .create-message img{height:30px}.messages-container .create-message form{display:flex;align-items:center;justify-content:space-between}.messages-container .create-message textarea{width:70%;margin:10px 10px 10px 20px;resize:none;border:none}
/*# sourceMappingURL=main.641e60ea.chunk.css.map */