#root,.app,body,html{height:100%;width:100%}#root,*,.app,body,html{font-family:Arial,Helvetica,sans-serif}*{margin:0}h4{font-size:15px}.flex-center{justify-content:center}.flex-box,.flex-center{align-items:center;display:flex}.flex-box{justify-content:space-between}.cont{box-shadow:#645cff}.container{align-items:center;border:3px solid #080505;display:flex;height:80vh;justify-content:space-between;margin:40px auto;width:70vw}.login-img{background-color:aqua;height:90%;width:50%}.form-container{background-color:#7fffd4;height:90%}h4{margin-bottom:1rem}h1,h4{text-align:center}h1{padding:0}.cont{background-color:#fff;box-shadow:0 .1em 5px #e2d9d9;padding:.5rem 1.76%;position:fixed;width:100%;z-index:1}.left{align-items:center;display:flex;justify-content:space-between;width:35%}.search-navbar{background-color:#f0f2f5;border-radius:20px;border-style:none;min-width:250px;outline:none;padding:.7em}.search-result{background-color:#fff;flex-direction:column;gap:1em;max-height:60vh;min-width:300px;position:fixed;right:0;top:55px}.query-result,.search-result{display:flex;justify-content:space-between}.query-result{align-items:center;border-radius:8px;cursor:pointer;margin:auto;padding:.2em 3em;width:90%}.query-result:hover{background-color:#f0f2f5}.brand{color:#645cff;cursor:pointer;font-size:2rem;font-weight:bolder}.mobile-nav{background-color:aqua;bottom:0;height:100%;position:fixed;right:0;width:20%;z-index:10}.right{width:20%}.pop,.pop-mobile{visibility:hidden}.onhover:hover+.pop,.onhover:hover+.pop-mobile{visibility:visible}.pop{position:absolute;z-index:20}.pop div,.pop-mobile div{align-items:center;background:#3d3535;border-radius:5px;color:#fff;display:flex;justify-content:center}.pop-mobile{margin:0;position:absolute;right:0;z-index:20}.logout{background-color:rgba(106,4,4,.525)}.btn-fri{background-color:#d4d9e0;border-radius:50px;border-style:none;cursor:pointer;font-weight:bolder;padding:.4em 1em}.fd-box{align-items:center;display:flex;justify-content:space-evenly}.btn-box{background-color:#645cff;width:70%}@media screen and (min-width:700px){.add-div{display:flex;flex-direction:column;justify-content:space-between;width:100%}.add-div button,.editfriend-btn{border-radius:5px;border-style:none;color:#fff;cursor:pointer;margin:auto auto .4em;padding:.4em 0;width:90%}.friend-card{align-items:center;background-color:#fff;border-radius:8px 8px 0 0;box-shadow:1px 1px 2px 2px rgba(0,0,0,.1),-1px -1px 2px 2px rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:center;padding:1em 0}}@media screen and (max-width:700px){.add-div{display:flex;flex-direction:row;justify-content:space-between}.add-div button,.friendReq-mobilebtn{border-radius:5px;border-style:none;color:#fff;cursor:pointer;padding:.4em 0;width:48%}.friend-card{align-items:center;border-radius:8px;display:flex;gap:4em;justify-content:left;margin-top:.4em}}.sidebar{background:#fff;display:flex;justify-content:space-around;padding:1em;position:relative;top:4em;width:100%}.friend-row{align-items:center;border-radius:10px;box-sizing:border-box;cursor:pointer;display:flex;justify-content:left;margin-bottom:2em;padding:.5em}.friend-row:hover{background-color:#eaeef2}.friend-grid{grid-gap:1em;display:grid;gap:1em;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin:auto;padding:1.5em}@media screen and (min-width:700px){.profile-img{background-color:#fff;display:flex;justify-content:center;padding:3em}.profile-friend-grid{grid-gap:.59em;display:grid;gap:.59em;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin:auto;padding:1.2em;width:90%}}@media screen and (max-width:699px){.profile-img{align-items:center;background-color:#fff;display:flex;flex-direction:column;justify-content:center;padding:3em}.profile-info p{text-align:center}.mobile-about-div{align-items:center;background-color:#fff;display:flex;justify-content:center;padding:1em 0}.profile-friend-grid{grid-gap:.6em;display:grid;gap:.6em;grid-template-columns:repeat(auto-fill,minmax(3,1fr));overflow:scroll;padding:1em;width:100%}.profile-info-box{align-items:center;background-color:#fff;border-radius:8px 8px 0 0;box-shadow:1px 1px 2px 2px rgba(0,0,0,.1),-1px -1px 2px 2px rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:center;padding:1em 0}}.profile-info{align-items:left;display:flex;flex-direction:column;justify-content:center;margin-left:2em}.profile-btn{background-color:#645cff;border-radius:5px;border-style:none;color:#fff;cursor:pointer;margin-top:1em;padding:.4em .5em}.info-bar{background-color:#fff}.info-bar span{border-radius:10px;margin:.5em;padding:1.3em}.info-bar span:hover{background-color:#f3f3f4;box-shadow:0 1px 1px blue;cursor:pointer}.profile-info-box{align-items:center;background-color:#fff;border-radius:8px 8px 0 0;box-shadow:1px 1px 2px 2px rgba(0,0,0,.1),-1px -1px 2px 2px rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:center;min-width:150px;padding:1em 0;width:150px}.about-table{font-family:Arial,Helvetica,sans-serif;width:100%}.about-table td,.about-table th{word-wrap:break-word;border:1px solid #ddd;padding:1em;width:50%;word-break:break-word}.form{background:#fff;border-radius:1em;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);padding:2rem 2.5rem;width:100%}.form-label{display:block;font-size:.7rem;font-weight:550;letter-spacing:1px;margin-bottom:.5rem}.form-input,.form-textarea{background:#f0f2f5;border:1px solid #e2e8f0;border-radius:.25rem;padding:.375rem .75rem;width:100%}.form-textarea{resize:vertical}.form-row{margin-bottom:1rem}.form-textarea{height:7rem}::-webkit-input-placeholder{font-family:inherit}::placeholder{font-family:inherit}input{background-color:#ced2d8;overflow-x:visible}[contenteditable=true]:empty:before{content:attr(placeholder);display:block;pointer-events:none}[contenteditable=true]{background-color:#f0f2f5;border-radius:20px;color:rgba(0,0,0,.55);font-weight:lighter;outline:none;padding:.5em;width:60vw}[contenteditable=true]::-webkit-input-placeholder{font-weight:100}[contenteditable=true]::placeholder{font-weight:100}input:focus{outline:none}.form-btn{background:#645cff;border:transparent;border-radius:.25rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.1);color:#fff;cursor:pointer;display:block;letter-spacing:1px;margin:auto;padding:.375rem .75rem;text-transform:capitalize;transition:all .3s ease-in-out}.form-btn:hover{background:#3c3799;box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.menu-box{align-items:center;background-color:#fff;border-radius:20px;display:flex;flex-direction:column;height:40vh;justify-content:space-evenly;min-width:200px;width:40vw}.menu-items{cursor:pointer}.menu-items:hover{background-color:#e1e4e6}.flexbox{align-items:center;display:flex;justify-content:space-between}.menu{cursor:pointer;margin:auto;padding:.5em;width:200px}.menu:hover{background-color:#ecedee;border-radius:10px 0 0 10px}.flexleft{align-items:center;display:flex;justify-content:left;margin-top:1.2em}#comment{border-radius:20rem;height:2.5rem;margin:auto;width:70%}.comment-section form{display:flex;justify-content:space-between;margin-top:.5em}.comment-modal-content form button,.comment-section form button{border:0;border-radius:50%;cursor:pointer}.comment{justify-content:left;margin-bottom:.8em}.comment,.comment-modal{align-items:center;display:flex}.comment-modal{background-color:hsla(214,8%,83%,.45);border-radius:4px;height:100vh;justify-content:center;left:0;margin:0 auto;position:fixed;right:0;top:0;width:100vw;z-index:4}@media screen and (min-width:700px){.comment-modal-content{background-color:#fefefe;height:80%;overflow-y:scroll!important;position:relative;width:650px}}@media screen and (max-width:699px){.comment-modal-content{background-color:#fefefe;height:100%;overflow-y:scroll!important;position:relative;width:100%}}.content{background-color:#f0f2f5;border-radius:1.1rem;padding:.4rem}.alert{border-color:transparent;border-radius:.25rem;margin-bottom:1rem;padding:.375rem .75rem;text-align:center}.alert-danger{background:#f8d7da;color:#842029}.alert-success{background:#d1e7dd;color:#0f5132}@-webkit-keyframes spinner{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loading{-webkit-animation:spinner .6s linear infinite;animation:spinner .6s linear infinite;border:5px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#141415;height:4em;width:4em}.loading,.loading-center,.modal-box{margin:0 auto}.modal-box{align-items:center;background-color:#444040;border-radius:4px;color:#fff;display:flex;justify-content:center;left:0;position:fixed;right:0;top:10px;width:30vw;z-index:10}
/*# sourceMappingURL=main.2d9d58f1.css.map*/