.SubjectsPage{width:1fr;min-height:100vh;height:fit-content;background-color:#fff}.SubjectsPage .hero{width:100%;height:fit-content;display:flex;flex-direction:column;padding:2rem 7% max(3%,3rem)}.SubjectsPage .hero h1{font-weight:700;font-size:24px}.SubjectsPage .hero h2{font-weight:700;font-size:19px}.SubjectsPage .hero p{color:#3d4d5c}.SubjectsPage .categories-container{margin-top:1rem;display:flex;width:100%;height:fit-content;flex-wrap:wrap;gap:1rem}.SubjectsPage .categories-container .category{width:100%;display:flex;flex-direction:column}.SubjectsPage .categories-container .category h2{margin:1rem 0}.SubjectsPage .categories-container .category ul{display:flex;width:100%;flex-wrap:wrap;height:fit-content;min-height:40px;gap:10px 20px}.SubjectsPage .categories-container .category .subject{min-width:100px;width:fit-content;display:flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:12px;height:45px;border:1px solid #dbe0e5;cursor:pointer;transition:.2s}.SubjectsPage .categories-container .category .subject:hover{background:#006aff;color:#fff}@media (max-width:768px){.SubjectsPage .hero h1{font-weight:700;font-size:22px}.SubjectsPage .hero p{font-size:14px}.SubjectsPage .categories-container .category h2{font-size:16px}.SubjectsPage .categories-container .category .subject{min-width:100px;width:fit-content;display:flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:12px;height:40px;border:1px solid #dbe0e5;cursor:pointer;transition:.2s;font-size:14px}}