.boxes{gap:6px;max-width:500px}.box,.boxes{display:flex;flex-wrap:wrap}.box{font-size:.7em;gap:5px;margin:1px 1px 5px;font-weight:600;cursor:pointer}.box,.skills-box{padding:5px 10px;border-radius:4px}.skills-box{background-color:#e0f2fe;color:#0369a1;transition:background-color .2s;text-decoration:none;max-width:300px}.skills-box:hover{background-color:#0ea5e9;color:#fff}@media (max-width:768px){.skills-box{padding:4px 2px}}.cyan-box{background-color:#e0f7fa;color:#004749}.cyan-box:hover{background-color:#004749;color:#e0f7fa}.cyan-invert-box:hover{background-color:#e0f7fa;color:#004749}.cyan-invert-box{background-color:#004749;color:#e0f7fa}.red-box{background-color:#ffb8b8;color:#511304}.red-box:hover{background-color:#511304;color:#ffb8b8}.box-max-width{max-width:120px;text-decoration:none;min-width:100px;text-align:center}.pink-box{background-color:#e91e63;color:#fff;font-weight:600;font-size:.85em;padding:8px 14px}.pink-box:hover{background-color:#c2185b;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px rgba(233,30,99,.3)}.yellow-box{background-color:#ffedb8;color:#4b4a2e}.yellow-box:hover{background-color:#4b4a2e;color:#ffedb8}.poststed-box{transition:background-color .2s;color:#166534;background-color:#dcfce7;border-radius:4px}.poststed-box:hover{color:#fff;background-color:#22c55e}.workplace-box{transition:background-color .2s;color:#155e75;background-color:#cffafe;border-radius:4px}.workplace-box:hover{color:#fff;background-color:#06b6d4}.special-box{background-color:#298964;color:#f2fdf9}.special-box:hover{background-color:#1a6548;color:#f8fffc}.tab-bar{display:flex;flex-wrap:wrap}.tab-button{font-size:.7em;padding:1px 5px;border:none;border-radius:4px 5px 0 0;font-weight:700;cursor:pointer;transition:background-color .3s,color .3s}.tab-button:hover{background-color:#006064;color:#e0f7fa}.tab-button.active{background-color:#004749;color:#e0f7fa;border-bottom:15px solid #0000002c}.tab-content{padding:20px 0;border-radius:5px}