.container{width:100%;margin-right:auto;margin-left:auto;padding-right:2rem;padding-left:2rem}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}section[data-section=hero]{background:repeating-linear-gradient(145deg,hsl(var(--heroBorderSecondary)),hsl(var(--heroBorderSecondary)) 1rem,hsl(var(--heroBorderPrimary)) 1.1rem,hsl(var(--heroBorderPrimary)) 1.5rem);max-width:100%}.hero{display:flex;flex:1;align-items:center;justify-content:center;width:100%}.heroText{font-size:clamp(1rem,1.5rem + .91vw,5rem);font-weight:700;text-align:center;@media (max-width: 281px){font-size:var(--font-size-20)}}.heroText-Pref{font-size:clamp(1rem,1rem + .91vw,2rem);text-align:center;@media (max-width: 281px){font-size:var(--font-size-12)}}.heroContainer{z-index:0;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16)}.mouse{position:relative;height:6rem;width:3.5rem;border-radius:9999px;border-width:2px;border-style:solid;border-color:hsl(var(--myaccent));&:before{background-color:hsl(var(--myaccent))}&:before{content:"";width:.75rem;height:.75rem;position:absolute;top:.625rem;left:var(--position-harf);transform:translate(-50%);border-radius:var(--border-radius-harf);opacity:1;animation:wheel var(--transition-slowest) infinite;-webkit-animation:wheel var(--transition-slowest) infinite}}@keyframes wheel{to{opacity:0;top:60px}}@-webkit-keyframes wheel{to{opacity:0;top:60px}}section[data-section=sectionWrap]:nth-of-type(odd){background-color:hsl(var(--b2));max-width:100%}section[data-section=sectionWrap] .sectionContainer{width:100%;margin-right:auto;margin-left:auto;padding-right:2rem;padding-left:2rem}@media (min-width: 640px){section[data-section=sectionWrap] .sectionContainer{max-width:640px}}@media (min-width: 768px){section[data-section=sectionWrap] .sectionContainer{max-width:768px}}@media (min-width: 1024px){section[data-section=sectionWrap] .sectionContainer{max-width:1024px}}@media (min-width: 1280px){section[data-section=sectionWrap] .sectionContainer{max-width:1280px}}@media (min-width: 1536px){section[data-section=sectionWrap] .sectionContainer{max-width:1536px}}section[data-section=sectionWrap] .sectionContainer{display:flex;flex-direction:column;flex-wrap:wrap;gap:2rem;padding-top:2rem;padding-bottom:2rem}@media (min-width: 1024px){section[data-section=sectionWrap] .sectionContainer{flex-direction:row;padding-top:5rem;padding-bottom:5rem}}section[data-section=about],section[data-section=products]{width:100%;flex:1 1 0%}@media (min-width: 1280px){section[data-section=about],section[data-section=products]{width:40%}}section[data-section=skills],section[data-section=productsCard]{width:100%}@media (min-width: 1280px){section[data-section=skills],section[data-section=productsCard]{width:60%}}section[data-section=skills] .skillcard{border-color:hsl(var(--myaccent))}section[data-section=skills] .skillCardWrap{display:flex;flex-direction:column;flex-wrap:wrap;gap:1rem;row-gap:2rem}@media (min-width: 768px){section[data-section=skills] .skillCardWrap{flex-direction:row}}@media (min-width: 1536px){section[data-section=skills] .skillCardWrap{gap:2rem}}section[data-section=skills] .skillcard{display:flex;width:auto;flex-direction:column;align-items:flex-start;gap:.75rem;border-radius:.25rem;padding:1.25rem}@media (min-width: 768px){section[data-section=skills] .skillcard{width:48%}}section[data-section=skills] .skillcard{border:1px solid hsl(var(--myaccent))}section[data-section=skills] .skillcard-title{font-size:1.125rem;line-height:1.75rem}@media (min-width: 1024px){section[data-section=skills] .skillcard-title{font-size:1.5rem;line-height:2rem}}section[data-section=skills] .skillcard-title{@media (max-width: 319px){font-size:large}}section[data-section=skills] .skillcard-list{& li{display:flex}}