@import url(https://fonts.googleapis.com/css2?family=Faustina:wght@600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;600;700;800&display=swap);*{margin:0;padding:0;box-sizing:border-box;outline:none}a{text-decoration:none;color:#000}body{font-family:"Heebo",sans-serif;background-color:#f9f9f9}button{font-size:100%;border:0;padding:0;font-family:inherit}small{margin-bottom:-8px}.App-container{width:70%;margin:120px auto}.bg-success{background-color:#2ecc71}.bg-danger{background-color:#e74c3c}.bg-warning{background-color:#f1c40f}.bg-primary{background-color:#2fc4b2}.bg-secondary{background-color:#e7e7e7}.color-success{color:#2ecc71}.color-danger{color:#e74c3c}.color-warning{color:#f1c40f}.color-primary{color:#2fc4b2}.color-secondary{color:#e7e7e7}.color-complete{color:#00c3ff}.btn{padding:10px 30px;border-radius:5px;cursor:pointer;transition:.1s;font-weight:600;display:flex;justify-content:center;align-items:center;text-align:center}.btn-success{background-color:#2ecc71}.btn-success:hover{background-color:#29b765}.btn-danger{background-color:#e74c3c}.btn-danger:hover{background-color:#e43725}.btn-warning{background-color:#f1c40f}.btn-warning:hover{background-color:#dab10d}.btn-primary{background-color:#2fc4b2;color:#f9f9f9}.btn-primary:hover{background-color:#2aaf9f}.btn-secondary{background-color:#e7e7e7}.btn-secondary:hover{background-color:#dadada}.landing-container{position:absolute;top:0;bottom:0;right:0;left:0;background-image:url(/static/media/Assets.789beba2.svg),url(/static/media/Vector1.82e254f6.svg),url(/static/media/Vector2.415720a1.svg),url(/static/media/Vector3.a79e222d.svg);background-repeat:no-repeat;background-position:80%,0 0,0 100%,100% 100%;background-color:#f9f9f9}.landing-container .content{position:absolute;top:20%;left:15%;font-size:24}.landing-container .content h1{font-size:95px;margin-bottom:10px;margin-top:-70px;font-family:"Faustina",serif;color:#2fc4b2;line-height:102px}.landing-container .content .heading{display:flex;align-items:center}.landing-container .content .heading h1{margin-top:-25px;color:#000}.landing-container .content .heading img{margin-left:-40px}.landing-container .content .text-content{width:80%}.landing-container .content .btn{display:inline-block;font-weight:700;margin:30px 20px 30px auto}.landing-container .content .bg-primary{color:#e7e7e7}.landing-modal-container{position:fixed;top:0;right:0;left:0;bottom:0;background-color:rgba(0,0,0,.664);display:flex;align-items:center;justify-content:center;z-index:99}.landing-modal-container .landing-modal{background-color:#fff;padding:50px;border-radius:10px;align-items:center}.landing-modal-container .landing-modal label{display:block;font-weight:500;margin:5px 0}.landing-modal-container .landing-modal h1{color:#2fc4b2;font-size:36px}.landing-modal-container .landing-modal strong{margin-left:5px}.landing-modal-container .landing-modal .input{width:350px;height:50px;padding:5px 10px;border-radius:5px;border:1px solid #2fc4b2;background-color:#e7e7e7}.landing-modal-container .landing-modal div.link-to{display:flex;align-items:center;justify-content:center;margin:10px auto;cursor:pointer}.landing-modal-container .landing-modal div.link-to:hover{text-decoration:underline}.landing-modal-container .action{display:flex;justify-content:space-around}.landing-modal-container .action .btn{width:150px;height:40px;display:inline-block;margin:15px auto 5px}.alert-container{z-index:9999;position:fixed;top:0;bottom:0;right:0;left:0;background-color:hsla(0,0%,100%,.74)}.alert-container,.alert-container .alert{display:flex;align-items:center;justify-content:center}.alert-container .alert{position:relative;padding:50px;width:600px;background-color:#fff;border-radius:10px}.alert-container .alert .fa-times-circle{position:absolute;top:-12px;right:-12px;font-weight:600;font-size:30px;background-color:#fff;color:red;border-radius:50%;cursor:pointer}.alert-container .alert-success{border:2px solid #2ecc71}.alert-container .alert-warning{border:2px solid #f1c40f}.alert-container .alert-danger{border:2px solid #e74c3c}.navbar-container{z-index:999;display:flex;background-color:#e7e7e7;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;padding:10px 15%;height:80px}.navbar-container .menu{display:flex;align-items:center;cursor:pointer}.navbar-container .menu a{margin-right:30px}.navbar-container .menu .btn{height:40px;font-size:15px;padding:5px 20px}.navbar-container .menu .avatar{border-radius:50%;width:60px;height:60px}.navbar-container .menu .avatar:hover{box-shadow:0 0 5px 5px #2fc4b2}.navbar-container .dropdown{position:absolute;background-color:#fff;width:195px;right:15.3%;margin-top:40px;display:flex;flex-direction:column;height:190px;justify-content:space-around;padding:10px;border-radius:10px}.navbar-container .dropdown div{display:flex;align-items:center;cursor:pointer;border-radius:5px;padding:5px;font-weight:600}.navbar-container .dropdown div:hover{background-color:#e6e6e6}.navbar-container .dropdown div img{margin-right:10px;margin-left:5px;width:30px;max-height:40px}.navbar-container .dropdown .polygon{position:absolute;right:0;top:-20px;z-index:-10}.home-container option,.home-container select{width:150px;height:40px;text-align:center;background-color:#e7e7e7;border-radius:5px;font-family:inherit;font-size:inherit;padding:5px}.contents{margin-top:30px;display:grid;grid-template-columns:1fr 1fr 1fr;grid-auto-rows:40vh;grid-gap:20px;gap:20px;overflow:visible}.contents .content{height:100%;width:100%;background-color:#e7e7e7;border-radius:10px;display:grid;grid-template-areas:"img" "footer";grid-template-rows:auto 50px;padding:10px}.contents .content .image{display:grid;grid-template-areas:"header" "footer";grid-template-rows:auto 30%;border-radius:10px;background-position:50%;background-size:cover;background-repeat:no-repeat}.contents .content .image .bottom{grid-area:footer;display:flex;align-items:center;justify-content:space-between;padding:5px 25px;opacity:0;transition:.2s;color:#e7e7e7;border-radius:10px}.contents .content .image:hover .bottom{opacity:1;background-image:linear-gradient(hsla(0,0%,100%,0),#000)}.contents .content .footer{display:flex;align-items:center;justify-content:space-between}.contents .content .footer .user{display:flex;align-items:center;justify-content:space-evenly}.contents .content .footer .user:hover h3{text-decoration:underline}.contents .content .footer .user:hover img{opacity:.7}.contents .content .footer .user img{max-width:40px;margin-right:20px;border-radius:50%}.contents .content .footer .action{display:flex;align-items:center;margin:0}.contents .content .footer .action i{margin:0 5px}.contents .content .footer .action div{display:flex;align-items:center}.contents .content .footer .action div .fa-comment:hover{color:#2fc4b2}.contents .content .footer .action div .fa-heart{cursor:pointer}.contents .content .footer .action div .fa-heart:hover{color:#e74c3c}.contents .content .footer .action div .fa-heart.color-danger{cursor:pointer}.contents .content .footer .action div .fa-heart.color-danger:hover{color:#000}.contents .load-more{position:fixed;right:0;left:0;bottom:0;background-color:#e7e7e7;height:40px;display:flex;align-items:center;justify-content:center}@media only screen and (max-width:1600px){.home-container .contents{grid-template-columns:1fr 1fr 1fr;grid-template-rows:35vh}}@media only screen and (max-width:1200px){.home-container .contents{grid-template-columns:1fr 1fr;grid-template-rows:35vh}}@media only screen and (max-width:800px){.home-container .contents{grid-template-columns:1fr;grid-template-rows:35vh}}.profile-container{background-image:url(/static/media/rectangle.7b218d09.svg);background-repeat:no-repeat;background-position:100% 0;display:grid;grid-template-areas:"greeting art art" "action art art" "arts arts arts" "project project project";grid-template-columns:33.3% 33.3% 33.3%;grid-template-rows:300px 200px auto}.profile-container .greeting{grid-area:greeting}.profile-container .greeting h1{font-size:40px}.profile-container .greeting .avatar{border-radius:50%;width:120px}.profile-container .art{grid-area:art;align-self:center;justify-self:end;margin-right:15%;padding:30px;background-color:#e7e7e7;display:flex;justify-content:center;align-items:center;border-radius:10px}.profile-container .art img{max-height:350px;border-radius:10px}.profile-container .action{margin-top:40px;grid-area:action;display:flex}.profile-container .action .btn{margin-right:5px;height:40px}.profile-container .arts-container{grid-area:arts}.profile-container .arts-container .arts{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:30px;gap:30px}.profile-container .arts-container .arts img{width:100%;margin:10px;border-radius:10px}.profile-container .project{grid-area:project;display:grid;grid-template-areas:"title " "img"}.profile-container .project h2{grid-area:title}.profile-container .project .project-images{grid-area:img;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:20px;gap:20px}.profile-container .project .project-images img{width:100%;margin:10px;border-radius:10px}.add-post{position:relative;height:80vh;display:flex;align-items:center;justify-content:center}.add-post .form{width:70%;display:grid;grid-template-columns:2fr 1fr;grid-gap:50px;gap:50px}.add-post .form i{font-size:130px;color:#e7e7e7}.add-post .form .file-input{display:grid;grid-template-areas:"big big big big" "small small small small";grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:20px;gap:20px}.add-post .form .file-input label{cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center}.add-post .form .file-input label img{max-width:100%;max-height:100%}.add-post .form .file-input .form-control:first-child{grid-area:big;height:500px;width:100%}.add-post .form .file-input .form-control:first-child .input-box{height:100%;width:100%;display:flex;align-items:center;justify-content:center;border:5px dashed #e7e7e7}.add-post .form .file-input .form-control:first-child i{font-size:200px;color:#e7e7e7}.add-post .form .file-input .form-control{cursor:pointer}.add-post .form .file-input .form-control .input-box{display:flex;align-items:center;justify-content:center;border:5px dashed #e7e7e7;height:150px}.add-post .form .file-input .form-control .input-box:hover{border:5px dashed #2fc4b2}.add-post .form .file-input .form-control .input-box:hover i{color:#2fc4b2}.add-post .form .file-input .form-control .input-file{display:none}.add-post .form .input-text,.add-post .form .input-text .form-control{display:flex;flex-direction:column}.add-post .form .input-text .form-control label{font-weight:600;font-size:20px}.add-post .form .input-text .form-control .input{width:100%;height:50px;display:flex;align-items:center;padding:8px;background-color:#e7e7e7;border-radius:5px;margin:10px 0;border:2px solid #2fc4b2;font-family:inherit;font-size:inherit}.add-post .form .input-text .form-control .text-area{height:200px}.add-post .btn{margin:10px 0}.add-post small{margin-top:-10px;margin-bottom:2px}.edit-profile .input-zone{margin:200px auto 0;width:80%;display:grid;grid-template-columns:2fr 1fr;align-content:center;justify-items:center}.edit-profile .input-zone .drop{width:100%;display:flex;justify-content:center;align-items:center}.edit-profile .input-zone .drop .drop-zone{border:10px dashed #e7e7e7;cursor:pointer;width:80%;height:600px;display:flex;justify-content:center;align-items:center}.edit-profile .input-zone .drop .drop-zone p{font-size:40px}.edit-profile .input-zone .drop .drop-zone:hover{border:10px dashed #2fc4b2}.edit-profile .input-zone .form{width:80%;display:flex;flex-direction:column}.edit-profile .input-zone .form input{height:50px}.edit-profile .input-zone .form input,.edit-profile .input-zone .form textarea{width:100%;display:flex;align-items:center;padding:8px;background-color:#e7e7e7;border-radius:5px;margin:10px 0;border:2px solid #2fc4b2;font-family:inherit;font-size:inherit}.edit-profile .input-zone .form textarea{height:150px}.edit-profile .input-zone .form .file-input{overflow:hidden;cursor:pointer;margin:10px auto;display:flex;height:200px;width:200px;border-radius:50%;border:10px dashed #e7e7e7;align-items:center;justify-content:center}.edit-profile .input-zone .form .file-input img{max-width:100%}.edit-profile .input-zone .form .file-input input{display:none}.edit-profile .input-zone .form .file-input i{font-size:100px;color:#e7e7e7}.edit-profile .input-zone .form .file-input:hover{border:10px dashed #2fc4b2}.edit-profile .input-zone .form .file-input:hover i{color:#2fc4b2}.edit-profile small{margin-top:-10px;margin-bottom:2px}.edit-profile .btn{margin-bottom:10px}.post-container .post{display:grid;grid-gap:50px;gap:50px;width:80%;margin:0 auto;grid-template-areas:"user" "images" "desc";grid-template-columns:100%}.post-container .post .user{width:100%;justify-content:space-between}.post-container .post .user,.post-container .post .user .avatar{display:flex;align-items:center}.post-container .post .user .avatar img{max-width:80px;border-radius:50%;margin-right:20px}.post-container .post .user .action{display:flex}.post-container .post .user .action div{margin-right:10px}.post-container .post .images{display:grid;grid-template-areas:"big" "small";grid-template-columns:100%}.post-container .post .images img{border-radius:5px}.post-container .post .images .big{grid-area:big;width:80%;margin:0 auto}.post-container .post .images .big img{width:100%}.post-container .post .images .small{width:80%;margin:10px auto;grid-area:small;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-gap:20px;gap:20px}.post-container .post .images .small img{cursor:pointer;max-width:100%}.post-container .post .images .small img:hover{opacity:.8;transform:scale(1.1)}.post-container .post .description{width:80%;margin:0 auto}.post-container .post .description h3{margin-bottom:30px}.post-container .comments .comment{display:grid;grid-template-areas:"user" "text";background-color:#fff;border-top:2px solid #2fc4b2;border-bottom:2px solid #2fc4b2}.post-container .comments .comment .user{grid-area:user;justify-content:start;border-bottom:3px solid #e7e7e7;padding:10px}.post-container .comments .comment .user:hover h3{text-decoration:underline}.post-container .comments .comment .user:hover img{opacity:.8}.post-container .comments .comment .user h3{margin-left:20px}.post-container .comments .comment .user img{max-width:40px;border-radius:50%}.post-container .comments .comment .text{grid-area:text;display:grid;grid-template-columns:92% 8%;padding:10px;box-sizing:border-box;height:60px}.post-container .comments .comment .text p{align-self:center}.post-container .comments .comment .text .btn{align-self:center;height:80%;width:80%;color:#f9f9f9}.post-container .comment-form textarea{width:100%;height:80px;background-color:#e7e7e7;border:2px solid #2fc4b2;border-radius:10px;margin-bottom:20px;font-size:inherit;font-family:inherit;padding:10px}.post-container .comment-form .btn{width:100%;height:30px;color:#f9f9f9}.hire-container,.hire-container .form,.hire-container h1{width:80%;margin:10px auto}.hire-container .form{display:grid;grid-template-areas:"title title" "description description" "description description" "start end" "price price";grid-gap:10px;gap:10px;grid-template-rows:1fr 1fr 1fr 1fr 1fr}.hire-container .form .form-control{height:90px;width:100%;display:flex;flex-direction:column}.hire-container .form .form-control input,.hire-container .form .form-control textarea{height:50px;border-radius:5px;border:2px solid #2fc4b2;background-color:#e7e7e7;padding:8px;font-size:inherit;font-family:inherit}.hire-container .form .form-control:first-child{grid-area:title}.hire-container .form .form-control:nth-child(2){grid-area:description;height:100%}.hire-container .form .form-control:nth-child(2) textarea{height:140px}.hire-container .form .form-control:nth-child(3){grid-area:start}.hire-container .form .form-control:nth-child(4){grid-area:end}.hire-container .form .form-control:nth-child(5){grid-area:price}.hire-container .form .btn{margin-top:20px}.hire-container label{font-weight:600}.project-container{width:80%;margin:10px auto;font-weight:500}.project-container .content{margin:10px auto}.project-container .content table{border-collapse:collapse;width:100%;text-align:center}.project-container .content table,.project-container .content td,.project-container .content th{border:1px solid #000;height:50px}.project-container .content td:first-child{width:5%}.project-container .content td:nth-child(2){width:15%}.project-container .content td:nth-child(3){width:25%}.project-container .content td:nth-child(3) span{color:#00c3ff;cursor:pointer}.project-container .content td:nth-child(3) span:hover{text-decoration:underline}.project-container .content td:nth-child(4),.project-container .content td:nth-child(5),.project-container .content td:nth-child(6){width:10%}.project-container .content td:nth-child(7){width:100%}.project-container .content td:nth-child(7) .btn{margin:5px;display:inline-block}.project-container .content tr{background-color:#fff}.project-container .content tr:hover{background-color:#ececec}.project-container .content th{background-color:#2fc4b2;height:50px}.project-container option,.project-container select{width:150px;height:40px;text-align:center;background-color:#e7e7e7;border-radius:5px;font-family:inherit;font-size:inherit;padding:5px}.project-container i{font-size:30px}.loading-spinner{position:fixed;top:0;bottom:0;right:0;left:0;background-color:hsla(0,0%,100%,.76);z-index:91;display:flex;align-items:center;justify-content:center}.loading-spinner img{-webkit-animation-name:spinner;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-webkit-animation-duration:1s;animation-name:spinner;animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:1s;transform-style:preserve-3d}@keyframes spinner{0%{transform:rotateY(0deg)}to{transform:rotateY(-1turn)}}.project-container{width:100%}.project-container .project{display:grid;width:90%;margin:30px auto;grid-template-columns:70% 30%;grid-gap:20px;gap:20px}.project-container .project .project-image{display:grid;grid-template-areas:"big big big big big" "small small small small small";grid-gap:10px;gap:10px}.project-container .project .project-image .big{grid-area:big;align-content:center;justify-items:center}.project-container .project .project-image .big img{max-width:90%;border-radius:10px}.project-container .project .project-image .small{grid-area:small;display:grid;width:90%;grid-template-columns:20% 20% 20% 20% 20%}.project-container .project .project-image .small img{max-width:90%;border-radius:5px;transition:.2s;cursor:pointer}.project-container .project .project-image .small img:hover{transform:scale(1.1);opacity:.8}.project-container .project .project-text h2{margin-bottom:20px}.project-container .project .project-text p{margin-bottom:50px}.project-container .project .project-text .btn{width:50%;height:40px;font-size:15px;margin:10px auto}.project-container .project .project-text .btn i{font-size:20px;margin-left:5px}.approvement-container{position:fixed;z-index:5;top:0;right:0;bottom:0;left:0;background-color:hsla(0,0%,100%,.7333333333333333);display:flex;align-items:center;justify-content:center}.approvement-container .approvement{width:600px;background-color:#fff;padding:50px;border-radius:10px;border:1px solid #2fc4b2}.approvement-container .approvement h3{margin-bottom:20px}.approvement-container .approvement p{margin-bottom:30px}.approvement-container .approvement .action{display:flex;width:100%;justify-content:flex-end;margin-top:40px}.approvement-container .approvement .action .btn{margin-left:10px}.upload-container{z-index:2;display:flex;position:fixed;background-color:hsla(0,0%,100%,.8);top:0;right:0;left:0;bottom:0;align-items:center;justify-content:center}.upload-container .upload{text-align:center;width:40%;background-color:#fff;border-radius:10px;padding:30px;border:2px solid #2fc4b2}.upload-container .upload .progress{background-color:#2ecc71;height:40px;border-radius:20px;margin:20px 0}.image-container{position:fixed;display:flex;align-items:center;justify-content:center;top:70px;right:0;left:0;bottom:0;background-color:hsla(0,0%,100%,.807843137254902)}.image-container .img{background-color:#fff;padding:20px;border-radius:10px;border:2px solid #2fc4b2}.image-container .img .btn{margin:10px 10%}.image-container .img img{max-height:70vh}
/*# sourceMappingURL=main.058f8485.chunk.css.map */