@import"https://fonts.googleapis.com/css2?family=Work+Sans:wght@500&display=swap";.App{min-height:100vh;font-family:Work Sans,sans-serif}.navbar{display:flex;flex-direction:row;font-size:1.5rem;justify-content:space-between;align-items:center;margin:1rem 3rem}.nav-title{position:relative;margin-left:1rem;margin-top:1rem;font-size:2rem;font-weight:700;cursor:pointer}.nav-subtitle{font-size:1rem;font-weight:bolder;margin-left:.5rem}#hunt{transition:.5s}.nav-title:hover #hunt{color:brown;transition:.5s}.nav-button{cursor:pointer;position:relative;transition:.25s}.nav-button:hover{transition:.25s;transform:scale(1.2)}.nav-button:before{content:"";position:absolute;height:2px;width:100%;bottom:-3px;cursor:pointer;background-color:#fff;transform:scaleX(0);transition:.5s}.nav-button:hover:before{transition:.5s;transform:scaleX(1)}.switch{display:inline-block;height:34px;position:relative;width:60px}.switch input{display:none}.slider{background-color:orange;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.slider:before{background-color:#fff;bottom:4px;content:"";height:26px;left:4px;position:absolute;transition:.4s;width:26px}input:checked+.slider{background-color:#00008b}input:checked+.slider:before{transform:translate(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.adminPage-page{display:flex;flex-direction:column;align-items:center}.adminPage-name{font-size:4rem;font-weight:700;text-transform:uppercase;margin:3rem}.adminPage-details{display:flex;flex-direction:row;margin:2rem;gap:5rem}.adminPage-user-details{display:flex;flex-direction:column;width:100%;align-items:center}.adminPage-image-div{display:inline-block;position:relative;width:350px;height:350px;overflow:hidden;border-radius:50%;align-self:center;margin-bottom:1rem;border:.2rem solid black}.adminPage-image{width:auto;height:100%}.adminPage-user-info{display:flex;flex-direction:column;background-color:bisque;border-radius:1rem;padding-right:1rem;padding-left:1rem;padding-bottom:1rem;color:#000;margin:1rem;width:100%;text-align:center;position:relative}.adminPage-user-info-text{border-radius:.5rem;padding:1rem 2rem;margin:1rem;background-color:beige}.adminPage-user-info li{margin:.2rem}.adminPage-user-info-title{font-size:1.6rem;font-weight:700;padding:.2rem;margin-bottom:.5rem}.adminPage-user-intro{background-color:bisque;border-radius:1rem;padding-left:1rem;padding-right:1rem;padding-bottom:1rem;color:#000;margin:1rem;width:100%}.adminPage-user-intro-title{font-size:1.6rem;font-weight:700;padding:.2rem;margin-bottom:.5rem;text-align:center}.adminPage-user-intro-text{border-radius:.5rem;padding:1rem;margin:1rem;background-color:beige}.adminPage-reservation-container{display:flex;flex-direction:column;justify-content:center;flex-wrap:wrap;align-items:center;width:200%;background-color:bisque;border-radius:1rem;padding:2rem;color:#000}.adminPage-reservation-container-title{font-size:3rem;text-align:center;font-weight:bolder;margin-bottom:2rem}.user-card{display:flex;flex-direction:column;background:linear-gradient(rgba(255,255,255,.416),transparent);width:50%;border-top-left-radius:1rem;border-top-right-radius:1rem;margin:1.5rem}.user-card-image{width:100%;height:auto;border:none;border-radius:1rem}.user-card-details{display:flex;flex-direction:column;color:#000;padding-left:1rem}.user-name{font-size:1.3rem;font-weight:700;margin-top:.5rem;margin-bottom:.5rem}.user-expertise{display:flex;flex-direction:column}.user-skills{font-weight:bolder}.user-address,.user-rate{color:#444}.user-wage{font-weight:bolder}.confirmation-card-title{display:flex;flex-direction:column;color:#000;padding-left:1rem;font-weight:700;font-size:2rem}.confirmation-card{min-width:280px;display:flex;flex-direction:column;background-color:bisque;border-radius:.5rem;margin:2rem;padding:1rem;gap:1rem}.confirmation-card-details{margin-top:.5rem;margin-bottom:.5rem;display:flex;flex-direction:column;color:#000;padding-left:1rem;padding-right:1rem;gap:.25rem}.confirmation-details-nameTag{display:flex;flex-direction:column;color:#000;font-weight:700;font-size:1.25rem}.confirmation-details-parameter,#confirmation-details-parameter-select{font-size:1rem;padding:.25rem;width:60%}.confirmation-details-line{padding:.1rem;display:flex;flex-wrap:wrap;flex-direction:row;gap:.5rem;align-items:center}.confirmation-details-taskerTag{font-weight:700;margin-right:.5rem;font-size:1.25rem}.confirmation-details-taskerName{color:#008a05;font-weight:bolder;font-size:1.25rem}.confirmation-details-selectedPeopleBox{display:flex;justify-content:space-around;flex-direction:column}.confirmation-details-taskerContainer{display:flex;align-items:center}.confirmation-details-selectedPeopleBox-title{margin-top:.2rem;display:flex;justify-content:space-between}.confirmation-details-taskerTagAndName{display:flex;align-items:center}.confirmation-details-line-price{display:flex;justify-content:space-between;flex-direction:row;font-size:1rem}.confirmation-details-line-justWage{display:flex;justify-content:space-between;flex-direction:row;font-size:1rem;padding:.25rem}.confirmation-details-line-total{margin-top:.5rem;display:flex;flex-direction:row;justify-content:space-between;font-size:1.25rem}.confirmation-details-line-total-priceValue{font-weight:bolder}.buttonSubmit{border:none;color:#fff;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;font-weight:700;margin-top:1rem;border:thin;border-radius:3px;background-color:green}.buttonBack{border:none;color:#fff;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;font-weight:700;margin-top:1rem;border:thin;border-radius:3px;background-color:#f87b8c}.buttonBack:hover{background-color:#f8a6b1;color:#fff;transition:.25s}.buttonSubmit:hover{background-color:#adff2f;color:#fff;transition:.25s}.buttonSubmit,.buttonBack{transition:.25s;border:none;border-radius:6px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-size:16px;line-height:16px;min-height:40px;outline:0;padding:12px 14px;text-align:center;text-rendering:geometricprecision;text-transform:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;vertical-align:middle}.buttonSubmit:hover,.buttonSubmit:active{background-color:#90ee90;background-position:0 0;color:#000}.buttonBack:hover,.buttonBack:active{background-position:0 0;color:#000}.buttonSubmit:active,.buttonBack:active{opacity:.5}#hr{margin:2rem 0}#confirmation-details-parameter-select{width:200px;font-size:13px}.handyman-card{display:flex;flex-direction:column;background:linear-gradient(rgba(255,255,255,.416),transparent);width:auto;border-top-left-radius:1rem;border-top-right-radius:1rem;margin:1.5rem}.handyman-card-image{width:100%;height:auto;border:none;border-radius:1rem}.handyman-card-details{display:flex;flex-direction:column;color:#000;padding-left:1rem}.handyman-name{font-size:1.3rem;font-weight:700;margin-top:.5rem;margin-bottom:.5rem}.handyman-expertise{display:flex;flex-direction:column}.handyman-skills{font-weight:bolder}.handyman-address,.handyman-rate{color:#444}.handyman-wage{font-weight:bolder}.title{position:relative;margin-left:2rem;margin-top:2rem;font-size:5rem;font-weight:700;cursor:pointer;width:fit-content}.lds-ellipsis{display:inline-block;position:relative;width:80px;height:80px}.sub-title{font-size:2rem;font-weight:bolder;margin-left:1rem}.home-container{display:flex;flex-direction:row}.home-description{display:flex;flex-direction:column;flex-wrap:wrap;width:100%}.description-text{margin:3rem;text-align:center;font-size:1.3rem;line-height:2rem}.description-text-title{margin-bottom:1rem;font-weight:bolder;font-size:1.5rem}.home-form{display:flex;width:60%;flex-direction:column;margin:1rem}.home-form-form{display:flex;flex-direction:column;align-items:center}.home-form-form input,.home-form-form select{width:80%;height:2.4rem;border-radius:5px;padding-left:1rem;font-size:1rem;border:none;outline:none;margin:.5rem}#submit-btn{margin-top:2rem;justify-self:center;background-color:green;color:#fff;font-weight:700;width:85%;padding-left:0;cursor:pointer}.isTasker-checkbox{display:flex;flex-direction:row;align-items:center;width:90%}#isTasker{width:5rem}#isTasker-label{font-size:1rem;color:#000}.form-title{text-align:left;margin-bottom:1rem;font-weight:bolder;font-size:2.4rem}.handyman-cards{display:grid;grid-template-columns:auto auto}.error-message{color:#a80000;text-align:center;align-self:center;width:60%}.sign-in{text-align:center;align-self:center;margin:1rem;cursor:pointer}.sign-in:hover{text-decoration:underline}@media screen and (orientation: portrait){.home-container{flex-direction:column;align-items:center}.title,.sub-title{text-align:center;margin-left:0}#isTasker-label{text-align:left}}.myprofile-page{display:flex;flex-direction:column;align-items:center}.myprofile-name{font-size:4rem;font-weight:700;text-transform:uppercase;margin:3rem}.myprofile-details{display:flex;flex-direction:row;margin:2rem;gap:5rem}.myprofile-user-details{display:flex;flex-direction:column;width:100%;align-items:center}.myprofile-image-div{display:inline-block;position:relative;width:350px;height:350px;overflow:hidden;border-radius:50%;align-self:center;margin-bottom:1rem;border:.2rem solid black}.myprofile-image{width:auto;height:100%}.myprofile-user-info{display:flex;flex-direction:column;background-color:bisque;border-radius:1rem;padding-right:1rem;padding-left:1rem;padding-bottom:1rem;color:#000;margin:1rem;width:100%;text-align:center;position:relative}.myprofile-user-info-text{border-radius:.5rem;padding:1rem 2rem;margin:1rem;background-color:beige}.myprofile-user-info li{margin:.2rem}.myprofile-user-info-title{font-size:1.6rem;font-weight:700;padding:.2rem;margin-bottom:.5rem}.myprofile-user-intro{background-color:bisque;border-radius:1rem;padding-left:1rem;padding-right:1rem;padding-bottom:1rem;color:#000;margin:1rem;width:100%}.myprofile-user-intro-title{font-size:1.6rem;font-weight:700;padding:.2rem;margin-bottom:.5rem;text-align:center}.myprofile-user-intro-text{border-radius:.5rem;padding:1rem;margin:1rem;background-color:beige}.myprofile-reservation-container{display:flex;flex-direction:column;width:200%;background-color:bisque;border-radius:1rem;padding:2rem;color:#000}.myprofile-reservation-container-title{font-size:3rem;text-align:center;font-weight:bolder;margin-bottom:2rem}.reservation-card{display:flex;flex-direction:column;background-color:#fff;border-radius:.5rem;border:2px solid black;width:80%;margin:1rem;padding:.5rem;cursor:pointer}.reservation-card-date{font-weight:700;margin:.5rem;font-size:1.3rem}.reservation-card-info{display:flex;flex-direction:row;margin:1rem;align-items:center;gap:1rem;font-size:1.3rem}.reservation-card-image-div{display:inline-block;position:relative;width:100px;height:100px;overflow:hidden;border-radius:30%;align-self:center}.reservation-card-image{width:auto;height:100%}.reservation-card-info-details{display:flex;flex-direction:column}.reservation-card-status{text-transform:uppercase;color:green;font-weight:700}.reservation-card-task{font-weight:bolder}.reservation-card-id{font-size:smaller;color:#d3d3d3}.reservation-container{display:flex;flex-direction:row;align-items:center}.reservation-interaction{font-size:3rem;align-items:center;cursor:pointer}.reservations-empty{align-self:center;margin:2rem}.reservationPage_container_messages{display:flex;flex-direction:column;flex:1;background-color:bisque;border-radius:1rem;padding:2rem 2rem 1rem;align-items:center;color:#000}.messages{display:flex;flex-direction:column;font-size:1rem;margin:1rem;padding:.5rem 1.5rem;border-radius:1rem 1rem 0 0;background-color:#fff;width:80%;border:1px solid black}.messages li{border-radius:1.15rem;line-height:1.25;max-width:75%;padding:.5rem .875rem;position:relative;word-wrap:break-word;width:fit-content}.messages li:before,.messages li:after{bottom:-.1rem;content:"";height:1rem;position:absolute}.message-message-from-me{list-style-type:none;align-self:flex-end;background-color:#248bf5;color:#fff}.message-message-from-me:before{border-bottom-left-radius:.8rem .7rem;border-right:1rem solid #248bf5;right:-.35rem;transform:translateY(-.1rem)}.message-message-from-me:after{background-color:#fff;border-bottom-left-radius:.5rem;right:-40px;transform:translate(-30px,-2px);width:10px}.message-message-from-me~.message-message-from-me{margin:.25rem 0 0}.message-message-from-me~.message-message-to-me{margin-top:.5rem}.message-message-to-me~.message-message-from-me{margin-top:.5rem}.message-message-from-me~.message-message-from-me:last-child{margin-top:.5rem}.message-message-to-me{list-style-type:none;align-items:flex-start;background-color:#deb887}.message-message-to-me:before{border-bottom-right-radius:.8rem .7rem;border-left:1rem solid burlywood;left:-.35rem;transform:translateY(-.1rem)}.message-message-to-me:after{background-color:#fff;border-bottom-right-radius:.5rem;left:20px;transform:translate(-30px,-2px);width:10px}.messages:first-child{margin:.25rem 0 0}.message-message-to-me~.message-message-to-me{margin:.25rem 0 0}.message-message-to-me~.message-message-to-me:not(:last-child){margin:.25rem 0 0}.message-message-to-me~.message-message-to-me:last-child{margin-bottom:.5rem}.message-sender{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;height:100%}.message-message{width:80%;height:100%;max-height:50px;resize:none;border:1px solid black;padding:.25rem;align-self:flex-end}.message-message:focus{outline:none}.message-send{background:none;font-size:2rem;border:none;cursor:pointer;transition:.25s;padding-left:1rem;align-self:flex-end}.message-send:hover{color:#248bf5;transition:.25s}.reservationPage_container{display:flex;flex-direction:row;margin:2rem;padding:1rem;gap:1rem}h2{font-size:2rem}.reservationPage_container_reservationDetails{flex:.5;display:flex;flex-direction:column;background-color:bisque;border-radius:1rem;padding:2rem 2rem 1rem;align-items:baseline;color:#000;gap:1rem}.reservationPage_container_reservationDetails_table{width:100%;height:100%;text-align:right;font-size:1.2rem}.reservationPage_container_reservationDetails_table td{padding:.25rem;border-bottom:1px solid black}.reservationPage_container_reservationDetails_table li{list-style-type:"- "}.reservation-detail{font-size:1.25rem}.reservation-detail-confirm{background-color:green;color:#fff;width:250px;cursor:pointer;border-radius:5px}.reservation-detail-completed{background-color:#00008b;color:#fff;width:250px;cursor:pointer;border-radius:5px}.reservation-detail-completed:disabled{background-color:gray;cursor:default}.reservation-detail-cancel{background-color:red;color:#fff;width:250px;border-radius:5px;cursor:pointer}hr{width:100%;height:2px;background-color:#000}.review-skills{display:flex;flex-direction:column;gap:1rem}.review-stars{font-size:1.5rem}.star{color:transparent;text-shadow:0 0 0 gray;cursor:pointer}.star-selected{color:#000;text-shadow:none}.review-send{background-color:#ffd9003e;border:1px solid black;text-align:center;cursor:pointer;font-size:1.2rem;font-weight:bolder}.sign-in-page{display:flex;justify-content:center;align-items:center}.sign-in-container{background-color:bisque;border-radius:1rem;display:flex;flex-direction:column;align-items:center;padding:2rem;height:fit-content;margin:2rem;width:30%}.sign-in-title{color:#000;font-size:3rem;font-weight:700;margin-bottom:2rem}.sign-in-form{display:flex;flex-direction:column;align-items:center}.sign-in-form input{width:100%;height:2.4rem;border-radius:5px;padding-left:1rem;font-size:1rem;border:none;outline:none;margin:.5rem}#sign-in-submit-btn{justify-self:center;background-color:green;font-weight:700;width:100%;padding-left:0;cursor:pointer;transition:.25s}#sign-in-submit-btn:hover{background-color:#004100;transition:.25s}.register{color:#000;cursor:pointer;margin-top:1rem}.register:hover{text-decoration:underline}.taskers-page{display:flex;flex-direction:row;justify-content:center}.taskers-page-sidebar{display:flex;flex-direction:column;margin:1rem;width:fit-content}.taskers-page-sidebar-calendar{background-color:bisque;border-radius:1rem;padding:2rem;color:#000}.taskers-page-sidebar-calendar-title{font-size:1.4rem;font-weight:bolder;margin-bottom:1rem}.taskers-page-sidebar-calendar-calendar{display:grid;grid-template-columns:auto auto auto auto auto auto auto auto;gap:1rem}.day{text-align:center;width:2rem;height:2rem;background-color:#9bed9b;border-radius:100%}.hour{font-weight:bolder}.taskers-page-main{width:100%;display:flex;flex-direction:column;margin:1rem}.taskers-page-main-list{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.taskers-page-main-filter{display:flex;flex-direction:column;background-color:bisque;border-radius:1rem;padding:2rem;color:#000}.taskers-page-main-filter-title{color:#000;font-size:1.4rem;font-weight:bolder;margin-bottom:1rem}.taskers-page-main-filter-address,.taskers-page-main-filter-skills,.taskers-page-main-filter-wage{display:flex;flex-direction:row;flex-wrap:wrap;margin:1rem;align-items:center}.taskers-page-main-filter-address-text,.taskers-page-main-filter-skills-text,.taskers-page-main-filter-wage-text{font-weight:bolder;margin-right:1rem}.taskers-page-main-filter-address input{border-radius:1rem;border:none;padding:.5rem;font-size:1rem;margin:.5rem}.skill-div{display:flex;flex-direction:row;gap:1rem;margin-right:1rem}#filter-wage{width:50%;margin-right:1rem;accent-color:orange}#filter-wage-value{font-weight:bolder;font-size:1.2rem}.taskers-page-form{width:100%}#filter-submit-btn{font-weight:bolder;text-transform:uppercase;letter-spacing:.2rem;background-color:green;color:#fff;cursor:pointer;border:2px solid black;transition:.25s}.taskers-page-main-list-card{width:100%;margin-right:2rem;cursor:pointer;transition:.25s}.taskers-page-main-list-card:hover{transform:translate(-3%);transition:.25s}#filter-submit-btn:hover{background-color:#00a900;transition:.25s}.handyman-card-horizontal{display:flex;flex-direction:row;background-color:#fff;border:.2rem solid white;margin:1rem;width:100%;border-radius:1rem}.handyman-card-image-horizontal{max-width:250px;border:none;border-radius:1rem}.handyman-card-details-horizontal{display:flex;flex-direction:column;color:#000;padding-left:1rem;padding-top:1rem;gap:1rem}.handyman-name-horizontal{font-size:1.7rem;font-weight:700;margin-top:.5rem;margin-bottom:.5rem}.handyman-expertise-horizontal{display:flex;flex-direction:column;font-size:1.3rem}.handyman-skills-horizontal{font-weight:bolder}.handyman-address-horizontal,.handyman-rate-horizontal{color:#444}.handyman-wage-horizontal{font-weight:bolder;font-size:1.3rem}.calendar_default_event_inner{background:#2e78d6;color:#fff;border:none;border-radius:5px;font-size:10pt;padding:5px;opacity:.8}.modal_rounded_background{background-color:#000;opacity:.75}.modal_rounded_main{border-radius:4px;position:absolute}.modal_rounded_main,.modal_rounded_main input,.modal_rounded_main button{font-family:Work Sans,sans-serif;font-size:14px}.modal_rounded_inner{padding:20px;background:#fff;color:#000;border-radius:8px}.modal_rounded_main input,.modal_rounded_main button{padding:5px;box-sizing:border-box;border-radius:4px;border:1px solid #ccc}.modal_rounded_content{margin:10px 0}.modal_rounded_input{margin:20px 0}.modal_rounded_buttons{margin-top:30px;margin-bottom:10px}.modal_rounded_main button{background-color:#2367bf;color:#fff;padding:10px 0;border:0px;cursor:pointer;outline:none;width:100px}button.modal_rounded_cancel{margin-left:10px;border:1px solid #2367bf;background-color:#fff;color:#2367bf}.thankYou-card{padding:50px;text-align:center;font-size:30px}*{margin:0;padding:0}:root{--background: linear-gradient(111.98deg, #32BEB2 52.35%, #75CAC6 52.35%);--background-dark: linear-gradient(111.98deg, #134b46 52.35%, #467977 52.35%);--primary-text-color: white;--primary-text-color-dark: rgb(255, 214, 181);--primary-background-color: bisque;--primary-background-color-dark: rgb(109, 98, 84);background:var(--background) no-repeat;color:var(--primary-text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root:has(#nightmode-checkbox:checked){background:var(--background-dark);color:var(--primary-text-color-dark)}:root{min-height:100%;font-family:Work Sans,sans-serif}#error-page{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.error-page-title{position:absolute;top:0;font-size:6rem;font-weight:700}.error-container{font-size:2rem;display:flex;flex-direction:column}.goHome{font-size:2rem;margin-top:5rem;text-align:center;background-color:bisque;padding:1rem;border-radius:1rem;color:#000;transition:.25s;border:5px solid transparent;cursor:pointer}.goHome:hover{border:5px solid black;transition:.25s;transform:scale(102%)}