@import"https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&display=swap";:root{font-family:League Spartan,sans-serif;font-weight:500;--col-bg: hsl(180, 52%, 96%);--col-green: hsl(180, 29%, 50%);--col-green-dark: hsl(180, 14%, 20%);--col-gray: hsl(180, 8%, 52%)}*,*:after,*:before{padding:0;margin:0;box-sizing:border-box}body{font-size:15px;min-height:100dvh;background-color:var(--col-bg);background-repeat:no-repeat;background-size:100% 20%}button{background:none;outline:none;border:none;cursor:pointer;transition:all .3s}.header{background-color:var(--col-green-dark);background-image:url(/images/bg-header-mobile.svg);background-repeat:no-repeat;background-size:100%;height:15dvh;width:100%}@media screen and (min-width:650px){.header{background-image:url(/images/bg-header-desktop.svg);height:15dvh;background-size:cover}}.main{position:relative;width:90vw;margin:0 auto;max-width:1200px}.filterbox{background-color:#fff;padding:1rem;width:100%;border-radius:8px;display:flex;align-items:center;gap:.5rem;box-shadow:5px 5px 20px #0000001a}@media screen and (min-width:650px){.filterbox{padding:1.5rem}}.tag__list{display:flex;gap:.5rem;flex-wrap:wrap;flex-grow:1}.filterbox__btn{color:var(--col-gray);font-weight:700}.filterbox__btn:hover{color:var(--col-green);text-decoration:underline}.tag{border-radius:5px;display:flex;align-items:center;overflow:hidden}.tag span{display:inline-block;background-color:var(--col-bg);padding:.3rem .5rem;font-weight:700;color:var(--col-green)}.tag__btn{background-color:var(--col-green);height:100%;padding:.3rem;display:flex;align-items:center;justify-content:center}.tag__btn:hover{background-color:var(--col-green-dark)}.cardlist{margin-top:60px;display:flex;flex-wrap:wrap;gap:3rem;justify-content:center}@media screen and (min-width:650px){.cardlist{flex-wrap:nowrap;flex-direction:column;gap:2rem}}.card{position:relative;background-color:#fff;border-radius:8px;box-shadow:5px 5px 20px #0000001a;padding:2rem 1rem 1rem;width:100%;max-width:450px}@media screen and (min-width:650px){.card{flex-wrap:nowrap;max-width:100%;display:grid;grid-template-columns:100px 280px 1fr;padding:1.5rem;align-items:center;border-left:5px solid transparent;transition:all .5s}.card:hover{border-color:var(--col-green)}}.card__img{width:50px;height:50px;border-radius:50%;object-fit:cover;position:absolute;top:-25px}@media screen and (min-width:650px){.card__img{position:relative;width:70px;height:70px;top:0}}.center{display:flex;flex-direction:column;gap:12px}@media screen and (min-width:650px){.center{gap:10px}}.center__top{display:flex;align-items:center;gap:1rem}@media screen and (min-width:650px){.center__top{gap:.5rem}}.company__name{font-weight:700;color:var(--col-green);margin-right:1rem}.new{background-color:var(--col-green);color:#fff;padding:3px 12px;border-radius:20px;text-transform:uppercase}@media screen and (min-width:650px){.new{padding:2px 8px;font-size:14px}}.featured{background-color:var(--col-green-dark);color:#fff;padding:3px 12px;border-radius:20px;text-transform:uppercase}@media screen and (min-width:650px){.featured{padding:2px 8px;font-size:14px}}.position{font-weight:700;color:var(--col-green-dark);font-size:18px}.position:hover{color:var(--col-green);cursor:pointer}.center__bottom{display:flex;color:var(--col-gray);gap:1rem;border-bottom:1px solid var(--col-gray);padding-bottom:12px}@media screen and (min-width:650px){.center__bottom{border:none}}.chip__list{padding-block:12px;display:flex;flex-wrap:wrap;gap:.5rem;justify-self:end}.chip{background-color:var(--col-bg);color:var(--col-green);font-weight:700;padding:6px 12px;border-radius:3px;cursor:pointer;transition:transform .5s}.chip:hover{background-color:var(--col-green);color:var(--col-bg)}