#HomeSkills{width:100vw;max-width:100%;padding-inline:4vw}@media screen and (min-width:64.0625em){#HomeSkills{padding-inline:12vw}}@media screen and (min-width:127.5em){#HomeSkills{padding-inline:20vw}}#HomeSkills{color:#f5f5f7;background-color:#131314;padding-block:5rem}#HomeSkills .skills_categories{flex-direction:column;gap:4rem;display:flex}@media screen and (min-width:64.0625em){#HomeSkills .skills_categories{flex-direction:row;align-items:flex-start;gap:0}#HomeSkills .skills_category{flex:1}#HomeSkills .skills_category:not(:last-child){border-right:.0625rem solid #f5f5f714;padding-right:5rem}#HomeSkills .skills_category:not(:first-child){padding-left:5rem}}#HomeSkills .skills_category_title{letter-spacing:.125rem;text-transform:uppercase;color:#f5f5f740;margin-bottom:2rem;font-size:.6875rem}#HomeSkills .skills_grid{grid-template-columns:repeat(3,1fr);gap:2rem 1rem;margin:0;padding:0;list-style:none;display:grid}@media screen and (min-width:51.25em){#HomeSkills .skills_grid{grid-template-columns:repeat(4,1fr);gap:2.25rem 1.5rem}}@media screen and (min-width:64.0625em){#HomeSkills .skills_grid{grid-template-columns:repeat(4,1fr)}}#HomeSkills .skill_item{cursor:default;flex-direction:column;align-items:center;gap:.625rem;display:flex}#HomeSkills .skill_item .skill_icon{aspect-ratio:1;justify-content:center;align-items:center;width:2rem;transition:transform .4s cubic-bezier(.45,0,.55,1);display:flex}@media screen and (min-width:90.625em){#HomeSkills .skill_item .skill_icon{width:2.5rem}}#HomeSkills .skill_item .skill_icon svg{width:100%;height:100%;display:block}#HomeSkills .skill_item .skill_name{text-align:center;color:#f5f5f766;letter-spacing:.025rem;white-space:nowrap;font-size:.625rem;transition:color .35s}#HomeSkills .skill_item:hover .skill_icon{transform:translateY(-.3125rem)scale(1.12)}#HomeSkills .skill_item:hover .skill_name{color:#f5f5f7e6}
#Workflow{width:100vw;max-width:100%;padding-inline:4vw}@media screen and (min-width:64.0625em){#Workflow{padding-inline:12vw}}@media screen and (min-width:127.5em){#Workflow{padding-inline:20vw}}@media screen and (min-width:64.0625em){#Workflow{padding-block:5rem}}
#MotionWarning{z-index:100;-webkit-backdrop-filter:blur(.625rem);backdrop-filter:blur(.625rem);background-color:#131314bf;align-items:flex-end;width:100vw;max-width:100%;height:100%;padding-block:1.25rem;padding-inline:4vw;display:flex;position:fixed;top:0;left:0}@media screen and (min-width:64.0625em){#MotionWarning{padding-inline:12vw}}@media screen and (min-width:127.5em){#MotionWarning{padding-inline:20vw}}@media screen and (min-width:51.25em){#MotionWarning{justify-content:center;align-items:center;display:flex}}#MotionWarning .warning_bg{-webkit-backdrop-filter:blur(3.125rem);backdrop-filter:blur(3.125rem);background-color:#f5f5f7;border-top:.0625rem solid #13131440;flex-direction:column;justify-content:center;width:100%;padding-block:1.25rem;padding-inline:4vw;display:flex}@media screen and (min-width:64.0625em){#MotionWarning .warning_bg{padding-inline:12vw}}@media screen and (min-width:127.5em){#MotionWarning .warning_bg{padding-inline:20vw}}@media screen and (min-width:51.25em){#MotionWarning .warning_bg{background-color:#f5f5f7;width:80%;padding-bottom:2.5rem;position:relative}}@media screen and (min-width:64.0625em){#MotionWarning .warning_bg{width:50%;right:0;left:unset;padding-bottom:1.25rem;position:relative}}@media screen and (min-width:90.625em){#MotionWarning .warning_bg{width:40%;padding-inline:2.5rem;position:relative}}#MotionWarning .warning_bg p{align-self:flex-start;font-size:1rem}#MotionWarning svg{color:#131314}#MotionWarning .warning_content{flex-direction:column;justify-content:center;gap:.625rem;line-height:1.3;display:flex}@media screen and (min-width:64.0625em){#MotionWarning .warning_content{gap:.75rem}}#MotionWarning .warning_content .title{justify-content:space-between;width:100%;min-width:100%;display:flex}#MotionWarning .warning_content .title svg{color:#db2f27;cursor:pointer}#MotionWarning .warning_content h1{font-size:1.5rem;line-height:1.2;font-family:var(--font-rische);font-weight:100}#MotionWarning .warning_content a{color:#db2f27}#MotionWarning button{color:#e7c700;background-color:#131314;border-radius:.3125rem;width:100%;margin-top:1.25rem;padding-block:.625rem}@media screen and (min-width:51.25em){#MotionWarning button{font-size:1rem}}@media screen and (min-width:64.0625em){#MotionWarning button{align-self:flex-end;width:fit-content;padding-inline:2.5rem;font-size:.875rem;transition:background-color .3s cubic-bezier(.45,0,.55,1),color .2s cubic-bezier(.45,0,.55,1)}#MotionWarning button:hover{color:#131314;background-color:#e7c700}}