:root{--Desaturated-Dark-Cyan:hsl(180,29%,50%);--Light-Grayish-Cyan:hsl(180,52%,96%);--Light-Grayish-Cyan:hsl(180,31%,95%);--Dark-Grayish-Cyan:hsl(180,8%,52%);--Very-Dark-Grayish-Cyan:hsl(180,14%,20%)}body{margin:0;font-family:"Spartan",sans-serif;background-color:var(--Light-Grayish-Cyan)}.header{background-image:url("../assets/images/bg-header-mobile.svg");background-repeat:no-repeat;background-size:cover;height:200px;background-color:var(--Desaturated-Dark-Cyan)}.main{padding:1px 2em;position:relative;display: grid;grid-template-columns: repeat(auto-fill,300px); gap: 50px;}.card{position:relative;background-color:#fff;border-left:4px solid var(--Desaturated-Dark-Cyan);-webkit-box-shadow:0px 5px 10px rgba(91,164,164,0.3);box-shadow:0px 5px 10px rgba(91,164,164,0.3);border-radius:5px;padding:2em 1em 1em 1em;margin-top:2em;-webkit-transition:all 0.5s;transition:all 0.5s}.card__image{position:absolute;width:50px;height:50px;top:-25px}.card__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.card__title{margin:0 20px 0 0;font-size:0.9rem;color:var(--Desaturated-Dark-Cyan)}.card__label{color:#fff;font-size:0.7rem;font-weight:700;background-color:var(--Desaturated-Dark-Cyan);margin-right:5px;padding:0.5em 0.6em;border-radius:20px}.card__label--dark{background-color:var(--Very-Dark-Grayish-Cyan)}.card__body{border-bottom:1px solid var(--Dark-Grayish-Cyan);padding:0 0 1em 0;margin-bottom:1rem}.card__position{font-weight:700;font-size:0.8rem;color:var(--Very-Dark-Grayish-Cyan)}.card__job-info{color:var(--Dark-Grayish-Cyan);position:relative;font-size:0.7rem;margin-right:5px}.card__job-info:not(:first-of-type):before{content:"-";margin-right:5px}.card__footer{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.card__tag{background-color:var(--Light-Grayish-Cyan);border-radius:5px;color:var(--Desaturated-Dark-Cyan);font-size:0.8rem;font-weight:700;margin-right:20px;padding:0.5rem;margin-bottom:5px;cursor:pointer}.card--hide{display:none}.filter{position:relative;grid-column: 1/-1;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;top:-20px;max-width:100%;min-height:50px;border-left:4px solid var(--Desaturated-Dark-Cyan);-webkit-box-shadow:0px 5px 10px rgba(91,164,164,0.3);box-shadow:0px 5px 10px rgba(91,164,164,0.3);border-radius:5px;background-color:#fff;font-size:0.9rem;padding-left:10px;cursor:pointer}.tag{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:5px;margin-bottom:5px;margin-left:10px;font-weight:700;background-color:var(--Light-Grayish-Cyan)}.tag--whith-close{padding:0 0 0 0.7em}.tag__close{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:0.3em;border-radius:0 5px 5px 0;padding:0.5em;background-color:var(--Desaturated-Dark-Cyan);z-index:10}