.aboutme-page-skill-section-outer{padding:40px 7rem;overflow:hidden}.aboutme-page-description-text{color:var(--text-secondary);margin:.5rem 0 1.5rem;transition:color .3s}.aboutme-page-skill-header h2{color:var(--primary);font-size:2rem;font-weight:500;transition:color .3s}.aboutme-page-skill-header h2 span{color:var(--text);transition:color .3s}.aboutme-page-skill-section{color:var(--text);justify-content:center;align-items:center;transition:color .3s;display:flex}.aboutme-page-skill-container{width:100%;display:flex}.aboutme-page-skill-grid{grid-template-columns:repeat(4,1fr);align-items:start;gap:20px;width:100%;display:grid}.aboutme-page-skill-box{background-color:var(--background-card);border:1px solid var(--border);box-sizing:border-box;text-align:center;transition:background-color .3s,border-color .3s}.aboutme-page-skill-box h3{border-bottom:1px solid var(--border);padding:.25rem;transition:border-color .3s}.aboutme-page-skill-box p{color:var(--text-muted);padding:.5rem 0;transition:color .3s}@media (max-width:768px){.aboutme-page-skill-section-outer{width:100%;padding:1rem}.aboutme-page-skill-grid{flex-direction:column;justify-content:center;align-items:center;width:100%;margin:3rem 0;display:flex}.aboutme-page-skill-box{width:100%;margin-bottom:.25rem}}
.aboutme-page-hobby-section-outer{padding:40px 7rem;overflow:hidden}.aboutme-page-hobby-header h2{color:var(--primary);font-size:2rem;font-weight:500;transition:color .3s}.aboutme-page-hobby-header h2 span{color:var(--text);transition:color .3s}.aboutme-page-hobby-section{color:var(--text);justify-content:center;align-items:center;transition:color .3s;display:flex}.aboutme-page-hobby-container{width:100%;display:flex}.aboutme-page-hobby-grid{grid-template-columns:1fr 1fr;align-items:flex-start;gap:20px;width:100%;display:grid}.aboutme-page-hobby-box{background-color:var(--background-card);border:1px solid var(--border);box-sizing:border-box;text-align:center;cursor:default;padding:1rem;transition:background-color .3s,border-color .3s,box-shadow .3s,transform .3s}.aboutme-page-hobby-box-wide{grid-column:span 1}.aboutme-page-hobby-box p{color:var(--text-muted);padding:.5rem 0;transition:color .3s}@media (max-width:768px){.aboutme-page-hobby-images{display:none}.aboutme-page-hobby-section-outer{padding:1rem}.aboutme-page-hobby-grid{flex-direction:column;justify-content:center;align-items:center;width:100%;margin:3rem 0;display:flex}.aboutme-page-hobby-box{width:100%;margin-bottom:.25rem}}