:root{--primary-color: var(--color-blue);--secondary-color: var(--color-white)}@media(width >= 65.5rem){header{padding:0;height:0;min-height:0}header nav{display:none}}main{min-height:50vh;background-image:url(/public/image/home-bg-blue.webp);background-position-x:center;background-position-y:center;background-repeat:no-repeat;background-size:auto}@media(width >= 65.5rem){main{min-height:800px;background-image:url(/public/image/home.webp),url(/public/image/home-bg.webp);background-position-x:calc(50% - 600px),center;background-position-y:0,center;background-repeat:no-repeat,repeat-y;background-size:contain,auto}}main nav{grid-column:content;grid-row:-1;color:var(--color-white);margin-top:60px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}@media(width >= 80rem){main nav{transform:perspective(800px) rotateZ(-14deg) rotateX(22deg) rotateY(14deg) translateX(140px) translateY(-20px)}}main nav span{padding:.2rem .4rem;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;background-color:var(--color-black);border:2px solid var(--color-yellow);color:var(--color-yellow);font-size:20px;line-height:20px;text-transform:uppercase}main nav span::after{content:" ";display:inline-block;min-width:20px;min-height:20px;background-image:url(/public/image/energy.webp);background-position:center;background-repeat:no-repeat;background-size:contain}@media(width >= 50rem){main nav span::after{min-width:40px;min-height:40px}}@media(width >= 50rem){main nav span{border-width:6px;font-size:60px;line-height:60px}}main nav a{font-size:48px;text-transform:uppercase;color:currentcolor;text-decoration:none;text-underline-offset:5%;text-decoration-thickness:14%}@media(width >= 50rem){main nav a{font-size:100px}}main nav a:hover,main nav a.active{text-decoration-line:underline}