.job-item{position:relative;display:flex;align-items:center;justify-content:center;width:60vw;box-shadow:2px 10px 14px #5ba4a433;margin-top:20px;padding:30px;border-radius:5px}.job-item.highlighted{border-left:4px solid var(--primary-dark-cyan)}h3{color:var(--very-dark-cyan)}h3:hover{cursor:pointer;color:var(--primary-dark-cyan)}.info-container{margin-left:25px}.company-header{display:flex;align-items:center;justify-content:center;margin-bottom:15px;font-weight:600}.new,.featured{padding:5px 8px 2px;margin-left:15px;color:var(--filter-tablets-cyan);border-radius:12px}.new{background-color:var(--primary-dark-cyan)}.featured{margin-left:10px;background-color:var(--very-dark-cyan)}.closer{margin-right:100px}.company-header p:first-child{color:var(--primary-dark-cyan);width:100%}.position-and-time-container{display:flex;margin-top:15px;color:var(--dark-grayish-cyan)}.dot{margin:0 10px}.job-tags{margin-left:auto}.job-tags button{background-color:#5ba4a41a;color:var(--primary-dark-cyan);border:none;font-size:16px;font-weight:600;margin-left:15px;padding:8px 6px 5px;border-radius:4px}.job-tags button:hover{cursor:pointer;background-color:var(--primary-dark-cyan);color:var(--filter-tablets-cyan);padding:6px;border-radius:3px}.filter-bar{position:absolute;top:125px;display:flex;justify-content:space-between;width:60%;padding:15px 40px;color:var(--primary-dark-cyan);background-color:var(--filter-tablets-cyan);box-shadow:2px 12px 14px #5ba4a433;z-index:1}span button{font-weight:700;font-size:16px;color:#fff;background-color:var(--primary-dark-cyan);border:none;padding:8px 8px 5px;margin:0 20px 0 10px;border-top-right-radius:4px;border-bottom-right-radius:4px}span button:hover{cursor:pointer;background-color:var(--very-dark-cyan)}.clear-button{font-size:15px;border:none;font-weight:700;margin-top:15px;color:var(--primary-dark-cyan)}.clear-button:hover{cursor:pointer;text-decoration:underline}.App{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--background-grayish-cyan);z-index:1}.top-banner{background-color:var(--primary-dark-cyan);background-image:url(/job-listings-with-filtering/images/bg-header-desktop.svg);background-repeat:no-repeat;background-size:cover;width:100%;height:150px;z-index:1;margin-bottom:100px}:root{--primary-dark-cyan: hsl(180, 29%, 50%);--background-grayish-cyan: hsl(180, 52%, 96%);--filter-tablets-cyan: hsl(180, 31%, 95%);--dark-grayish-cyan: hsl(180, 8%, 52%);--very-dark-cyan: hsl(180, 14%, 20%);--league-spartan-font: "League Spartan", sans-serif}*{margin:0;padding:0;font-family:var(--league-spartan-font);scrollbar-width:none}@media (max-width: 375px){.top-banner{margin-bottom:15px}.filter-bar{min-width:70vw;padding:2px 40px 15px 20px;border-radius:4px;top:120px}.job-list.with-filterbar{margin-top:90px}.selected-filters{min-width:93%}.selected-filters button{margin-top:15px}.filter-tag{font-weight:600}.clear-button{background-color:var(--filter-tablets-cyan);color:var(--dark-grayish-cyan)}img{position:absolute;top:-21px;left:25px;width:14%}.job-item{display:block;padding:30px 15px 0;height:230px;width:290px;margin-top:40px}.job-item.highlighted{border-left:5px solid var(--primary-dark-cyan)}.info-container{margin-left:5px}.company-header{margin-top:5px}.company-header p:first-child{font-weight:700}.featured{margin-right:40px}.closer{margin-right:140px}h3{font-size:16px}.position-and-time-container{border-bottom:1px solid var(--dark-grayish-cyan);padding-bottom:20px}.job-tags{padding-right:30px}.job-tags button{margin:20px 20px 0 5px;background-color:var(--filter-tablets-cyan);font-weight:700}}