.allskills_row{gap:2rem}.skills{display:flex;gap:.75rem;flex-wrap:wrap;width:100%;justify-content:center}.all-skills{display:flex;align-items:center;justify-content:space-between;flex-basis:calc(25% - .75rem);box-sizing:border-box;padding:.8rem 1rem;background-color:#fff;border:1px solid #eee;border-radius:8px;transition:all .2s ease-in-out;cursor:pointer}.all-skills:hover{background:linear-gradient(135deg,#12333a08,#12333a14);border-color:#12333a1f}.name-and-count{display:flex;flex-direction:column;gap:.25rem}.name-and-count h5{margin:0;color:#333}.name-and-count h6{margin:0;color:#666}.arrow-icon{color:#666;transform:translate(0);transition:transform .2s ease-in-out}.all-skills:hover .arrow-icon{transform:translate(5px);color:#333}.all_recommended_skills{display:flex;flex-direction:column;gap:1rem;background-color:var(--secondary_color);padding:1rem;height:80vh;overflow-y:auto}.all_recommended_skills_name{display:flex;align-items:center;gap:1rem}.count_recommendedskills{background-color:var(--primary_color);color:#fff;padding:5px;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.find-me-text{padding-bottom:1rem}.find-me-text2{padding-top:3rem;margin-bottom:1rem}.pagination{display:flex;justify-content:center;gap:.5rem;margin:1.25rem 0}.pagination button{background-color:var(--primary_color);color:var(--secondary_color);padding:.5rem 1rem;border:none;cursor:pointer}.pagination button:hover:not(.active){background-color:var(--pagination)}.pagination button.active{background-color:var(--black);color:#fff}@media (min-width: 1401px){.all-skills{flex-basis:calc(20% - .75rem)}}@media (max-width: 1400px) and (min-width: 1201px){.all-skills{flex-basis:calc(25% - .75rem)}}@media (max-width: 1200px) and (min-width: 1001px){.all-skills{flex-basis:calc(33.333% - .75rem)}}@media (max-width: 1000px) and (min-width: 601px){.all-skills{flex-basis:calc(50% - .75rem)}.skills{width:100%}.allskills_row{flex-direction:column}.recommended_skills{width:100%}.all_recommended_skills{width:100%;height:auto;max-height:50vh}}@media (max-width: 600px){.all-skills{flex-basis:calc(100% - .75rem)}.name_recommended_skills{width:100%}}