html{font-family:League Spartan}body{margin:0;background-color:#effafa;letter-spacing:1px}h1,p{margin:0}.header{background-image:url(./images/bg-header-desktop.svg);background-repeat:no-repeat;background-size:cover;background-color:#5ba4a4;width:100%;height:156px}.filterbox{position:relative;margin-inline:auto;margin-top:-35px;width:calc(77.25vw - 140px);background-color:#fff;padding:20px 100px 4px 40px;display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;border-radius:6px}.filterbox a{color:#7b8e8e;text-decoration:none;font-weight:700;position:absolute;right:40px;top:calc(50% - 4px)}.filterbox a:hover{cursor:pointer;text-decoration:underline;color:#5ba4a4}.filterbox div{background-color:#effafa;margin-right:16px;margin-bottom:16px;display:flex;align-items:center;font-size:12px;overflow:hidden;height:32px;padding-left:10px;border-radius:6px}.filterbox div p{color:#5ba4a4;font-weight:700}.filterbox div button{background-color:#5ba4a4;margin-left:12px;padding:10px;height:100%;border:none}.filterbox div button:hover{background-color:#2c3a3a;cursor:pointer}.job_listing{padding-block:36px;width:77.25vw;margin-inline:auto;display:grid;justify-content:center;grid-template-columns:1fr;row-gap:23px;position:relative}.job_listing .job{background-color:#fff;border-left:6px solid white;padding:32px 41px 32px 35px;width:calc(100% - 82px);display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-radius:6px;margin-inline:auto;box-shadow:0 8px 7px 2px #3c6f6f17}.job_listing .job .profile{display:grid;grid-template-rows:1fr 1fr 1fr;grid-template-columns:auto auto;align-items:center;column-gap:23px;row-gap:4px}.job_listing .job .profile img{grid-row:1/-1;width:88px;aspect-ratio:1;border-radius:50%;overflow:hidden}.job_listing .job .profile .company{color:#5ba4a4;font-weight:700;display:flex;align-items:center}.job_listing .job .profile .company p{padding-right:8px}.job_listing .job .profile .company div{color:#eef6f6;padding:8px;margin-inline:8px;border-radius:25px}.job_listing .job .profile .company .new{background-color:#5ba4a4}.job_listing .job .profile .company .featured{background-color:#2c3a3a}.job_listing .job .profile .position{font-size:20px;color:#2c3a3a}.job_listing .job .profile .position:hover{color:#5ba4a4;cursor:pointer}.job_listing .job .profile .detail{color:#7b8e8e;font-weight:500;display:flex;flex-wrap:nowrap}.job_listing .job .profile .detail span{display:inline-block;width:.25rem;height:.25rem;margin:.25rem .75rem;border-radius:50%;background-color:#7b8e8e}.job_listing .job .catagories{display:flex;flex-wrap:wrap}.job_listing .job .catagories button{border:none;background-color:#effafa;color:#5ba4a4;margin:8px;padding:10px;font-weight:700;border-radius:5px;font-size:16px;font-family:League Spartan;letter-spacing:1px}.job_listing .job .catagories button:hover{color:#effafa;background-color:#5ba4a4;cursor:pointer}.job_listing .job.featured{border-left-color:#5ba4a4}.job_listing .attribution{display:flex;justify-content:center;color:#2c3a3a}.job_listing .attribution a{color:#5ba4a4;margin-inline:5px}@media screen and (max-width: 750px){.header{background-image:url(./images/bg-header-mobile.svg)}.filterbox{padding:19px 19px 3px;width:calc(87vw - 38px);min-width:300px}.filterbox a{right:25px}.job_listing{padding-block:55px;row-gap:40px;width:87vw}.job_listing .job{width:calc(100% - 66px);padding:32px 40px 32px 19px;position:relative;flex-direction:column}.job_listing .job .profile{grid-template-columns:auto;row-gap:14px;width:100%;padding-bottom:22px;border-bottom:1px solid hsl(180,8%,52%);margin-block:16px}.job_listing .job .profile img{position:absolute;top:-23px;width:48px;height:48px}}