#about{grid-template-columns:1fr 1.85fr;display:grid}header h1{color:#fff;position:absolute;top:50%;left:75%;transform:translate(-50%,-50%)}#name{grid-area:name;align-self:baseline}#skills{grid-area:skills;align-self:baseline}#nameContent{grid-area:nameContent}#skillsContent{grid-area:skillsContent;grid-template-columns:1fr 1fr 1fr;gap:30px;display:grid}#designtools{grid-area:dsn}#languages{grid-area:lang}#devcycle{grid-area:dev}section{padding:80px 50px}@media (min-width:0){section{padding:80px 20px}#about{grid-template-areas:"name name""nameContent nameContent""skills skills""skillsContent skillsContent";gap:20px}#skillsContent{grid-template-areas:"dsn dsn dsn dsn""lang lang lang lang""dev dev dev dev"}h2{font-size:1.75rem}h3{font-size:1.25rem}header h1{display:none}#mainContainer{flex-direction:column}.scrollNav{z-index:10;position:sticky;top:0;writing-mode:horizontal-tb!important}.scrollNav ul{height:fit-content}#about{padding-top:10px}}@media (max-width:47.999rem){.scrollNav,.scrollNav ul{width:100%;min-width:0}.scrollNav li{flex:1 1 0;min-width:0}.scrollNav a{overflow-wrap:anywhere;text-align:center;padding-left:clamp(.25rem,1.5vw,1rem);padding-right:clamp(.25rem,1.5vw,1rem);font-size:clamp(.7rem,4vw,1.25rem)}}@media (min-width:48rem){#mainContainer{flex-direction:row}.scrollNav{writing-mode:sideways-rl!important}section,#about{padding:80px 50px}#about{grid-template-areas:"name skills""nameContent skillsContent";gap:0 20px}#skillsContent{grid-template-areas:"dsn lang dev"}h2{font-size:2.5rem}h3{font-size:1.5rem}header h1{display:flex}}