body{margin:0;padding:0}:root{--mainColor:#f44336}.login-container{align-items:center;background-image:url(https://wallpapercave.com/wp/wp2036967.jpg);background-position:50%;background-size:cover;display:flex;flex-direction:column;height:100vh;justify-content:center}.logo{margin-bottom:2rem}.logo img{width:150px}.login-form{align-items:center;background-color:transparent;display:flex;flex-direction:column}.login-form .form-group{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:1rem}.login-form .form-group label{color:var(--mainColor);margin-bottom:.5rem}.login-form .form-group input{border:1px solid var(--mainColor);border-radius:3px;padding:.5rem;width:250px}.login-form button{background-color:var(--mainColor);border:none;border-radius:3px;color:#fff;cursor:pointer;padding:.5rem 1rem}.login-form .create-account{background-color:#fff;color:#000;font-size:14px;margin-top:1rem;padding:5px 10px}.login-form .create-account a{color:var(--mainColor);text-decoration:none}.login-form .create-account a:hover{text-decoration:underline}.logo{align-items:center;color:var(--mainColor);display:flex;font-family:Arial,sans-serif;font-weight:700}.logo .logo-text{font-size:24px;margin-right:4px}.logo .logo-text.logo-highlight{color:#fff}.logo .logo-text.logolight{color:#000}.logo:before{-webkit-animation:pulse 1s infinite;animation:pulse 1s infinite;background-color:var(--mainColor);border-radius:50%;content:"";display:block;height:10px;margin-right:4px;width:10px}@-webkit-keyframes pulse{0%{opacity:.5;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}to{opacity:.5;-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{opacity:.5;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}to{opacity:.5;-webkit-transform:scale(1);transform:scale(1)}}.profile-container{align-items:center;background-color:#f7f7f7;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;margin-top:35px;padding:2rem;position:absolute;width:95%;z-index:-1}.profile-container .profile-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem;width:100%}.profile-container .profile-header h2{color:var(--mainColor);margin:0}.profile-container .profile-header .edit-button{background-color:var(--mainColor);border:none;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem}.profile-container .profile-content{align-items:center;display:flex;width:100%}.profile-container .profile-content .profile-image{margin-right:2rem}.profile-container .profile-content .profile-image img{border:2px solid var(--mainColor);border-radius:50%;height:200px;padding:1px;width:200px}.profile-container .profile-content .profile-details h3{color:var(--mainColor);margin:0}.profile-container .profile-content .profile-details .detail-item{margin-bottom:.5rem}.profile-container .profile-content .profile-details .detail-label{color:var(--mainColor);font-weight:700}.profile-container .profile-content .profile-details .detail-label-s{display:flex;flex-wrap:wrap;gap:3px}.profile-container .profile-content .profile-details .detail-label-span{background-color:var(--mainColor);border-radius:3px;color:#fff;padding:.25rem .5rem}@media(max-width:768px){.profile-container{height:auto;margin-top:20px;padding:1rem}.profile-container .profile-header{align-items:flex-start;flex-direction:column;margin-bottom:1rem}.profile-container .profile-content{flex-direction:column}.profile-container .profile-content .profile-image{margin-bottom:1rem;margin-right:0}.profile-container .profile-content .profile-details{text-align:center}.profile-container .profile-content .profile-details .detail-label-span{margin-right:.1rem;padding:.2rem .4rem}}@media(min-width:769px)and (max-width:1024px){.profile-container{padding:1.5rem}.profile-container .profile-header{margin-bottom:1.5rem}.profile-container .profile-content .profile-image{margin-right:1.5rem}}.datas{grid-gap:5px;border-top:2px solid var(--mainColor);display:grid;gap:5px;grid-template-columns:repeat(3,1fr);margin-top:40px;padding:5px;width:100%}@media(min-width:480px)and (max-width:800px){.datas{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.datas{grid-template-columns:repeat(1,1fr)}}.edit-profile-container{background-image:url(https://wallpapercave.com/wp/wp2036967.jpg);background-size:cover;max-height:200vh;position:relative;width:98vw}.edit-profile-container,.popup-container{align-items:center;display:flex;justify-content:center}.popup-container{height:100%;padding:20px;width:100%}.popup{align-items:center;background-color:transparent;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.3);box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;margin-top:30px;min-height:60vh;min-width:150px;padding:40px;position:relative}.popup .close-popup-button{border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:18px;padding:8px;position:absolute;right:10px;top:10px;transition:background-color .3s ease}.popup h2{color:var(--mainColor);font-size:24px;margin-top:0;text-align:center}.popup form{display:flex;flex-direction:column;height:100%;padding:30px;width:100%}.popup .form-group{margin-bottom:20px}.popup label{color:#fff;font-size:16px;font-weight:700;margin-bottom:5px}.popup input[type=email],.popup input[type=file],.popup input[type=password],.popup input[type=text]{border:1px solid #ccc;border-radius:3px;font-size:14px;padding:10px;width:100%}.popup textarea{border:1px solid #ccc;border-radius:3px;min-height:100px;padding:8px;resize:vertical;width:100%}.popup textarea:focus{border-color:var(--mainColor);outline:none}.popup .upload-options{display:flex;justify-content:space-between}.upload-options>div{width:40%}.popup .upload-options input[type=text]{border:1px solid #ccc;border-radius:3px;flex-grow:1;font-size:14px;padding:10px}.popup .close-popup-button,.popup button[type=submit]{background-color:var(--mainColor);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 20px;text-transform:uppercase;transition:background-color .3s ease}.popup .close-popup-button:hover,.popup button[type=submit]:hover{background-color:#d32f2f}.popup .close-popup-button{background-color:var(--mainColor);margin-top:20px}.popup .close-popup-button:focus{outline:none}.popup .close-popup-button:hover{background-color:#d32f2f}.skills-container{display:flex;flex-wrap:wrap;margin-top:10px;max-width:50vw}.skills-container .skill{align-items:center;background-color:#e9e9e9;border-radius:16px;display:flex;margin-bottom:8px;margin-right:8px;padding:4px 12px}.skills-container .skill .remove-skill{align-items:center;background-color:#c9c9c9;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:16px;justify-content:center;margin-left:4px;width:16px}.skills-container .skill .remove-skill:hover{background-color:#999}.skills-input{align-items:center;display:flex;margin-top:8px}.skills-input select{border:1px solid #ccc;border-radius:4px;flex:1 1;padding:4px}.skills-input button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-left:8px;padding:4px 12px}.skills-input button:hover{background-color:#0056b3}.navbar{align-items:center;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;height:60px;justify-content:space-between;padding:0 40px 0 20px;position:fixed;width:98%;z-index:1}@media(max-width:768px){.navbar{justify-content:center;padding:0}}@media(min-width:769px)and (max-width:1024px){.navbar{padding:0 20px}}.navbar-section{align-items:center;display:flex;gap:20px;justify-content:space-around;padding:0 10px}.logo-section{margin-top:20px}.profile-icon{background-color:var(--mainColor);border-radius:50%;color:#fff;font-size:24px;padding:6px}.link{text-decoration:none}.styled-div{background-color:#fff;border:1px solid var(--mainColor);border-radius:8px;cursor:pointer;height:100px;padding:20px;position:relative;width:250px}.styled-div .title{color:var(--mainColor);font-size:24px;margin-bottom:10px}.styled-div .question{font-size:16px;margin-bottom:20px}.styled-div .name{background-color:var(--mainColor);border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 10px;position:absolute;right:10px;top:10px}.styled-div:hover{background-color:#f5f5f5;box-shadow:0 0 20px var(--mainColor)}.three-dots{cursor:pointer;height:20px;position:absolute;right:10px;top:10px;width:20px}.three-dots span{background-color:var(--mainColor);display:block;height:4px;margin-bottom:4px;width:4px}.three-dots span:last-child{margin-bottom:0}.pop{background-color:#fff;border:1px solid #ccc;display:flex;flex-direction:column;padding:10px;position:absolute;right:10px;top:30px;width:90px;z-index:1}.pop button{background-color:var(--mainColor);border:none;color:#fff;cursor:pointer;font-size:1rem;margin-top:5px;padding:.5rem 1rem}.confirmation-popup-delete{background-color:rgba(244,67,54,.9);color:#fff;font-size:16px;left:50%;padding:20px;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:9999}.confirmation-popup-delete p{margin-bottom:10px}.confirmation-buttons{display:flex;justify-content:center;margin-top:20px}.confirmation-buttons button{background-color:#fff;border:none;border-radius:4px;color:rgba(244,67,54,.9);cursor:pointer;margin-right:10px;padding:8px 16px;transition:background-color .3s ease}.confirmation-buttons button:hover{background-color:hsla(0,0%,100%,.8)}.popup-background-delete{background-color:rgba(0,0,0,.5);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9998}.loading-container{align-items:center;display:flex;height:100vh;justify-content:center;width:80vw}.loading-spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;height:70px;margin:0 auto;position:relative;width:70px}.circle{-webkit-animation:bounce 1s infinite;animation:bounce 1s infinite;background-color:var(--mainColor);border-radius:50%;height:20px;left:25px;position:absolute;top:35px;width:20px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.add-icon{align-items:center;background-color:var(--mainColor);border-radius:50%;bottom:10px;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;position:fixed;right:10px;width:40px}.add-icon:hover{background-color:#d32f2f}.add-icon .link{align-items:center;color:#fff;display:flex;justify-content:center;margin:0;padding:0;text-decoration:none}.home{flex-direction:column;margin-top:50px;min-height:90vh;padding:20px 5px;position:absolute;width:100%;z-index:-1}.home,.home_data{display:flex}.home_data .filter{display:flex;flex-direction:column;gap:10px;width:25%}.home_data .data{border-left:2px solid var(--mainColor);display:flex;flex-wrap:wrap;gap:5px;padding:5px}.home .pagination{align-items:center;display:flex;justify-content:center;margin-top:20px}.home .pagination button{background-color:#fff;border:1px solid #ccc;border-radius:4px;color:#333;cursor:pointer;font-size:14px;margin:0 5px;padding:8px 12px}.home .pagination button.active{background-color:#f44336;border-color:#f44336;color:#fff}.home .pagination button:hover{background-color:#f5f5f5}@media(max-width:550px){.home_data{flex-direction:column}.home_data .data{border-left:0 solid var(--mainColor)}.home_data .filter{width:100%}}@media(min-width:550px)and (max-width:1024px){.home_data{flex-direction:column}.home_data .filter{width:100%}.home_data .data{border-left:0 solid var(--mainColor)}}.search-container .input-container{display:flex;gap:1px}.search-container .input-container input{border:1px solid #ccc;border-radius:4px;font-size:16px;margin-right:10px;padding:8px}.search-container .input-container button{margin-left:-5px}.question button,.search-container .input-container button{background-color:var(--mainColor);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:8px 16px}.checkbox-list{display:flex;flex-wrap:wrap;padding:0 30px 0 0}.checkbox-label{align-items:center;color:var(--mainColor);display:flex;font-size:16px;margin-bottom:10px;margin-right:20px}.checkbox-label .checkbox-input{display:none}.checkbox-label .checkbox-input:checked~.checkbox-custom{background-color:var(--mainColor);border-color:var(--mainColor)}.checkbox-label .checkbox-custom{border:1px solid var(--mainColor);border-radius:2px;height:16px;margin-right:8px;width:16px}.checkbox-label .checkbox-custom.checked{background-image:url(https://p7.hiclipart.com/preview/647/22/546/check-mark-computer-icons-clip-art-checkmark-picture.jpg);background-repeat:no-repeat;background-size:contain}.div-with-underline{display:inline-block;padding:5px 0;position:relative}.div-with-underline:after{background-color:var(--mainColor);bottom:-2px;content:"";height:2px;left:0;position:absolute;width:100%}.footer{background-color:#fff;color:var(--mainColor)}.name{font-size:18px;font-weight:700}.animated-text{-webkit-animation:bounce 1s infinite;animation:bounce 1s infinite;display:inline-block}@-webkit-keyframes bounce{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@keyframes bounce{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}.add-data-container{align-items:center;background-image:url(https://wallpapercave.com/wp/wp2036967.jpg);background-size:cover;display:flex;flex-direction:column;justify-content:center;margin-top:30px;min-height:100vh;padding:20px;position:absolute;width:100%;z-index:-1}.add-data-container h2{color:var(--mainColor);font-size:35px;text-align:center}.add-data-container form{background-color:transparent;border:none;width:50%}.add-data-container form .form-group{margin-bottom:20px}.add-data-container form .form-group label{color:var(--mainColor);font-size:20px;font-weight:700}.add-data-container form .form-group select,.add-data-container form .form-group textarea{border:1px solid var(--mainColor);border-radius:4px;padding:8px;resize:vertical;width:100%}.add-data-container form button[type=submit]{background-color:var(--mainColor);border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.add-data-container form button[type=submit]:hover{background-color:#d32f2f}@media(max-width:768px){.add-data-container form{width:90%}}@media(min-width:769px)and (max-width:1024px){.add-data-container form{width:60%}}@media(min-width:1025px){.add-data-container form{width:50%}}.qa-section{background-color:#f7f7f7;font-family:Arial,sans-serif;margin-top:30px;min-height:100vh;padding:20px;position:absolute;z-index:-1}.title{color:var(--mainColor);font-size:24px;margin-bottom:10px}.user-info{display:flex;justify-content:flex-end;margin-bottom:20px}.user-name{color:var(--mainColor);cursor:pointer;font-size:16px;font-weight:700}.question{margin-bottom:20px}.question h2{color:#555;font-size:20px;margin-bottom:10px}.answer{background-color:#fff;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1);color:#555;font-family:Arial,sans-serif;font-size:18px;line-height:1.4;padding:20px;white-space:pre-wrap;width:90vw}.friend{margin:70px 0 0 10px;position:absolute;z-index:-1}.friend .search-container .input-container{align-items:center;display:flex}.friend .search-container .input-container input{border:1px solid #ccc;border-radius:4px;font-size:16px;margin-right:10px;padding:8px}.friend .search-container .input-container button{background-color:var(--mainColor);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-left:3px;padding:8px 16px}@media(max-width:440px){.friend .search-container .input-container{align-items:flex-start;flex-direction:column}.friend .search-container .input-container button{margin-left:0;margin-top:2px}}.friend .users{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);padding:10px}@media(min-width:530px)and (max-width:800px){.friend .users{grid-template-columns:repeat(2,1fr)}}@media(max-width:530px){.friend .users{grid-template-columns:repeat(1,1fr)}}.friend .users .user-info{align-items:center;border:1px solid var(--mainColor);border-radius:5px;display:flex;justify-content:space-between;margin-bottom:20px;padding:10px 20px}.friend .users .user-info .user-image{margin-left:10px}.friend .users .user-info .user-image img{border:2px solid var(--mainColor);border-radius:50%;height:60px;width:60px}.friend .users .user-info .user-details{margin-right:10px}.friend .users .user-info .user-details h3{color:var(--mainColor);font-size:18px;margin:0}.friend .users .user-info .user-details p{color:#000;font-size:14px;margin:5px 0}.friend .users .user-info:hover{background-color:#f5f5f5;box-shadow:0 0 20px var(--mainColor)}
/*# sourceMappingURL=main.0c545298.css.map*/